Benvenuti all'evento "Vediamo insieme che cosa sono le Mappe Interattive e come crearle"! Questo blog è pensato per essere allo stesso tempo un riepilogo e un approfondimento (potete leggere le istruzioni dettagliate di quello che abbiamo visto in diretta) dell'omonimo evento tenuto il 21 settembre 2022: potete consultarlo come tutorial guidato passo per passo o per rivedere passaggi su cui siete in dubbio. In fondo, trovate anche le domande fatte durante o subito dopo l'evento (quattro durante, due dopo) e le relative risposte. In fondo al blog, abbiamo allegato anche la registrazione (integrale, senza tagli o modifiche) dell'evento per chi non fosse riuscito a partecipare o volesse rivederlo.
Che cosa sono le Mappe Interattive?[]
Le Mappe Interattive sono una funzione disponibile su Fandom che permette alle community di progettare le proprie mappe personalizzate ed è disponibile di default su tutte le wiki.
Per approfondire l'argomento, potete consultare la pagina Aiuto:Mappe Interattive e il nuovo blog sui prossimi aggiornamenti.
Le Mappe Interattive sono pagine nel namespace Map: e le trovate elencate nella pagina Speciale:AllMaps in ordine alfabetico e con indicato a quando risale l'ultima modifica. Per crearne una, potete visitare questa pagina speciale e cliccare su + CREA LA MAPPA oppure andare all'url della mappa che volete creare e cliccare su Modifica mappa nel menu a tendina alla destra del pulsante MODIFICA o ancora aggiungere ?action=mapedit alla fine del suddetto url. Queste opzioni vi condurranno all'editor visuale per le Mappe, che è quello più consigliato in questo caso anche per chi è abituato all'editor sorgente per modificare le pagine; se volete invece cimentarvi e sperimentare l'editor sorgente delle Mappe, potete cliccare su MODIFICA o aggiungere ?action=edit alla fine dell'url e vi troverete davanti un codice JS pre-caricato, non troppo difficile da usare ma decisamente più dispendioso in termini di tempo.
Come creare una Mappa Interattiva[]
Per prima cosa, scegliamo l'argomento: nel nostro esempio di oggi, andremo su One Piece Wiki Italia e creeremo una mappa del regno di Alabasta (quindi Map:Alabasta).
Immagine di base[]
Ora selezioniamo un'immagine: possiamo usarne una già presente nella wiki (verranno mostrate quelle più recenti ma potremo usare la barra di ricerca per trovare quella che ci serve) o caricarne una dal nostro dispositivo. In quest'ultimo caso, dovremo spuntare una casella in cui dichiariamo di acconsentire alle regole di Fandom e della singola wiki perché staremo caricando una nuova immagine nella wiki a tutti gli effetti; ricordate che l'immagine verrà caricata con la descrizione che inserirete nell'apposita sezione, quindi inserite già fonte, licenza e categorie così da non doverci tornare in seguito. Si consiglia un'immagine di buona qualità e giuste dimensioni: non ci sono particolari limiti ma le immagini troppo piccole risulteranno sgranate una volta ingrandito lo zoom mentre quelle troppo grandi verranno caricate più lentamente (un esempio per intenderci: un'immagine .png di 20'000 x 10'000 pixel e 7 MB non è una soluzione ottimale mentre lo è la stessa immagine ma in formato .jpg di 14'000 x 8'000 pixel da 3 MB). Nota: se verrà caricata una nuova versione di questa immagine, anche la mappa verrà aggiornata di conseguenza ma non ci saranno problemi se la nuova immagine avrà le stesse dimensioni o almeno le stesse proporzioni di quella precedente; ricordate di controllare sempre le mappe che usano le immagini che aggiornate, quindi può essere una buona idea inserire un'apposita categoria in queste immagini.
Descrizione[]
Possiamo anche inserire una descrizione della mappa che apparirà prima della mappa stessa (nella sua pagina nel namespace Map:): non è indispensabile ma può essere utile per chiarire la tipologia della mappa o aggiungere qualcosa (ad esempio, possiamo dichiarare se si tratta di una mappa per i punti geografici o per gli eventi). Potrebbe essere utile inserire questo tipo di descrizione nel wikitesto prima della mappa nella pagina in cui verrà inclusa. Nota: la descrizione della mappa funziona come quella per le immagini, quindi apparirà solo nella pagina della mappa nel namespace Map: e non nella pagina di contenuti in cui verrà inclusa.
Marcatori[]
Procediamo con la parte fondamentale: i marcatori. Essi sono divisi in categorie: quella di default è fucsia (#fa005a) e chiamata "Generale". Possiamo crearne altre cliccando "+ AGGIUNGI CATEGORIA" e modificare quelle già esistenti, inclusa quella di default, semplicemente cliccando la freccia accanto alla categoria che vogliamo modificare: possiamo rinominarle cliccando sul loro nome, cambiare il colore dei marcatori inserendo il codice HTML nella casella "Colore dello sfondo" o scegliendo la tonalità nel popup "Seleziona un colore" che possiamo aprire cliccando il quadrato colorato accanto alla stessa casella, aggiungerci un carattere o un'emoji o sostituirli con un'icona personalizzata da caricare. Una volta create, possiamo cambiarne l'ordine tenendo premuta e trascinando l'icona a forma di = a destra della categoria o eliminarle cliccando sul loro nome e poi sul cestino rosso che apparirà alla loro destra; se proviamo a eliminare una categoria che contiene dei marcatori, apparirà un popup che ci chiederà in quale altre categoria spostare i suoi marcatori. Le categorie saranno poi presenti nella legenda "FILTRI" in alto a sinistra nella mappa, dove potremo decidere di quali categorie vogliamo visualizzare i marcatori.
Per creare un nuovo marcatore, andiamo in alto a destra e clicchiamo il pulsante "Aggiungi marcatore" subito sotto al menu a tendina con le classiche opzioni per le pagine come modifica sorgente e proteggi (quando modifichiamo una mappa già esistente, appaiono anche cronologia, sposta e cancella): clicchiamo ora il punto della mappa in cui vogliamo mettere il marcatore per far apparire il popup "Modifica marcatore". Inseriamo il titolo del marcatore (ad esempio, il nome della città), una descrizione (fino a un massimo di 300 caratteri, accetta il wikitesto quindi si possono inserire dei link), un'immagine se vogliamo (con lo stesso procedimento che abbiamo usato per l'immagine di base della mappa), un link alla pagina che tratta quell'argomento e il relativo testo da visualizzare (tipicamente, coincideranno nella maggior parte dei casi) e infine selezioniamo la categoria del marcatore che ne definirà l'aspetto. Titolo e categoria sono gli unici campi obbligatori, gli altri sono facoltativi. I marcatori possono essere spostati da un punto all'altro della mappa senza doverli ricreare. Se ci saranno più marcatori vicini, possiamo scegliere se mostrarli comunque oppure raggrupparli (selezionando l'apposita opzione): se li raggruppiamo, si vedranno separati ingrandendo lo zoom manualmente o cliccando sul "marcatore di raggruppamento".
Una volta creati tutti i marcatori che ci servono, possiamo salvare. Se vogliamo possiamo anche dichiarare l'oggetto della modifica spuntando l'apposita casella "Descrivi le modifiche (opzionale)" e inserendo l'oggetto della modifica (fino a 1000 caratteri).
Come categorizzare una Mappa Interattiva[]
Non possiamo inserire una categoria durante la creazione della mappa nell'editor visuale (si può fare invece nell'editor sorgente) ma possiamo tranquillamente inserirla dopo cliccando su "AGGIUNGI CATEGORIA" in fondo alla pagina. Si consiglia di creare la categoria "Mappe interattive" ed eventualmente altre sottocategorie se servono.
Così come per le altre pagine, le mappe prive di categorie appariranno nella pagina Speciale:PagineSenzaCategorie.
Come inserire una Mappa Interattiva in una pagina[]
Includere una mappa in una pagina è esattamente come fareste per un template (specialmente se siete familiari con le gallerie dei personaggi ampiamente usate da One Piece Wiki Italia e altre wiki): andiamo nella pagina desiderata, scegliamo il punto in cui inserire la nostra mappa (ad esempio, in una sezione "Luoghi" o "Mappa") e scriviamo {{Map:NOMEMAPPA}}
(nel nostro caso, {{Map:Alabasta}}
).
In alternativa, se non volete vedere la mappa direttamente in una pagina ma lasciarla consultare come se fosse una sorta di sottopagina, potete usare il classico template
o una sua variante (nel nostro esempio, {{Vedere}}
) o anche un semplice link {{Vedere|Map:Alabasta}}
[[Map:NOMEMAPPA]]
(nel nostro esempio, [[Map:Alabasta]]
).
Domande e risposte[]
D: È possibile cambiare le restrizioni per chi può modificare o creare mappe? Se no, sarà possibile in futuro? Perché per ora solo gli amministratori possono. (chiesta durante l'evento)
R: Sì, tutti possono creare e modificare le Mappe Interattive. Amministratori e moderatori possono cambiare le protezioni delle mappe nello stesso modo che usano per le altre pagine: nel menu a tendina in alto a destra, selezionate "Proteggi" e scegliete le impostazioni che volete. Nel primo periodo di prova, la creazione e la modifica delle mappe era riservata agli amministratori e agli utenti promossi dagli amministratori al ruolo di "map tester"; ora, invece, tutti possono farlo (salvo protezioni particolari o blocchi).
D: Puoi ripetere tutti gli aggiornamenti rispetto a prima? Le immagini nei marcatori come si visualizzano? Cioè come le vedo da navigatore nella mappa? (chiesta durante l'evento)
R: Per i nuovi aggiornamenti alle Mappe Interattive, vi rimandiamo al blog dedicato. Potete inserire le immagini nei marcatori nell'apposita finestra popup di modifica: quando consultate la mappa, potete visualizzare queste immagini semplicemente cliccando sul marcatore (in ordine dall'alto, vedrete nome del marcatore, descrizione, immagine e pagina collegata).
D: Ci sono per caso informazioni su eventuali dimensioni e/o risoluzioni "consigliate" per le immagini da utilizzare come base? (chiesta durante l'evento)
R: Consigliamo un'immagine di buona qualità e dimensioni né troppo piccole né troppo grandi: quelle troppo piccole risulteranno sgranate una volta ingrandito lo zoom mentre quelle troppo grandi verranno caricate più lentamente. Un esempio pratico: un'immagine .png di 20'000 x 10'000 pixel e 7 MB non è una soluzione ottimale mentre lo è la stessa immagine ma in formato .jpg di 14'000 x 8'000 pixel da 3 MB). Ovviamente, la velocità di caricamento può anche cambiare a seconda della vostra connessione, quindi vi consigliamo di provare diverse dimensioni finché non trovate quella migliore: iniziate dall'immagine originale che avete e, se notate rallentamenti, riducetene le dimensioni (potete tranquillamente usare programmi semplici come Paint).
D: È utile creare una categoria per un solo marcatore? (chiesta durante l'evento)
R: Sì, va benissimo anche se una categoria ha solo un marcatore. Dipende ovviamente da quello che state facendo e volete ottenere: se la mappa contiene un solo fiume, è utile creare la categoria "Fiumi" anche se non ce ne sono altri; se invece la mappa contiene tanti edifici, è utile dividerli in categorie anche piccole o addirittura singole come "Residenze" e "Negozi". Questo avrà un effetto visivo più gradevole nella mappa poiché i punti marcati saranno più riconoscibili e distinguibili e sarà più significativo nella legenda "Filtri". Se però tutte le categorie contengono un solo marcatore, potrebbe essere un'idea sensata fonderne alcune; ad esempio, se una mappa contiene un fiume e un ruscello, è meglio usare solo la categoria "Corsi d'acqua". Quello che sconsigliamo invece è creare categorie senza marcatori perché creano solo confusione in chi consulterà la legenda.
D: Come si vede la mappa su cellulare? (chiesta dopo l'evento)
R: Un aspetto interessante è proprio questo: le Mappe Interattive si vedono allo stesso modo su FandomDesktop e FandomMobile. Per verificarlo, potete inserire ?useskin=fandommobile alla fine dell'url e noterete che la vostra mappa appare su mobile proprio come l'avete progettata su desktop.
D: Devo per forza sapere il codice del colore che voglio mettere al marcatore? (chiesta dopo l'evento)
R: Non è necessario: possiamo cambiare il colore dei marcatori sia inserendo il codice HTML nella casella "Colore dello sfondo" sia scegliendo la tonalità nel popup "Seleziona un colore" che possiamo aprire cliccando il quadrato colorato accanto alla stessa casella. Possiamo anche usare entrambi per sperimentare e aggiustare le sfumature che preferiamo.
Conclusione[]
Se non ci sono altre domande, possiamo concludere l'evento: vi lascio il link per fornirci le vostre impressioni sull'evento. Dunque questo è tutto: se riscontrate difficoltà con la funzione Mappe Interattive o avete altre domande, non esitate a contattarmi. Vi ringrazio per la partecipazione/visione e vi auguro un buon proseguimento e soprattutto spero che vi piacerà creare Mappe Interattive per le vostre wiki!
Tizio qualsiasi da metà dicembre 2023.
Clicca qui per seguire il blog dello staff di Fandom.
Clicca qui per iscriverti alla newsletter via email From the Desk of Community.
Vuoi poter comunicare in tempo reale con gli altri utenti e con lo staff?
Unisciti al nostro server Discord ufficiale per utenti registrati!