Differenze tra le versioni di "Grafica wikina 2021-2022"

Da Wikimedia Italia.
Jump to navigation Jump to search
(→‎Risultati: +info segnalate da Nemo asd)
 
(39 versioni intermedie di 4 utenti non mostrate)
Riga 1: Riga 1:
 +
{{Attività
 +
|logo      =
 +
|stato      = concluso
 +
|luogo      =
 +
|sito      =
 +
|report    = [[Grafica wikina 2021-2022#Risultati]]
 +
|cat        = Comunicazione
 +
|cat2      = struttura
 +
|partner    =
 +
|WMIT      = Committente
 +
|delibere  = Verbale direttivo e variazione piano annuale 2021
 +
|convenzione=
 +
|bando      =
 +
|inizio    = novembre 2021
 +
|fine      = 30 aprile 2022
 +
|budget    = 850 € + IVA
 +
|volontari  = [[utente:iopensa|Iolanda Pensa]], Valerio Bozzolan
 +
|fornitore  = Davide Giorgetta
 +
|staff      =
 +
|nickname    = Grafica wikina 2022
 +
|regione    =
 +
|dati        = <!--Sito o ente da cui provengono i dati nel caso di un progetto di importazione/elaborazione dati -->
 +
|documentazione = https://phabricator.wikimedia.org/T268515
 +
|cartella    = <!--Eventuale link alla cartella nextcloud con la documentazione aggiuntiva (fatture e altro) -->
 +
|riunioni    =
 +
|ricerca collaboratori = Mandato diretto <2000 euro
 +
|referenteWM = Dario Crespi
 +
|attivitàcorrelate = <!--Eventuali attività correlate, con wikilink -->
 +
|anno = 2021
 +
|anno2 = 2022
 +
}}
 +
 
'''Sistemazione della grafica della wikina'''.
 
'''Sistemazione della grafica della wikina'''.
  
Riga 4: Riga 36:
 
'''Incarico a:''' Davide Giorgetta, Graphic design and research che ha sede sede a Empoli (Firenza) http://www.davidegiorgetta.com  
 
'''Incarico a:''' Davide Giorgetta, Graphic design and research che ha sede sede a Empoli (Firenza) http://www.davidegiorgetta.com  
  
'''Tempi di realizzazione:''' La progettazione e lo sviluppo del restyling saranno completati entro l’anno 2021.
+
'''Tempi di realizzazione:''' La progettazione e lo sviluppo del restyling saranno completati entro l'anno 2021. Il termine dei lavori è stato posticipato al 30 aprile 2022 (concordato via mail 30 marzo 2022)
  
 
'''Mandato:''' Progettazione e sviluppo di aggiustamenti grafici per il sito wiki.mediawiki.it
 
'''Mandato:''' Progettazione e sviluppo di aggiustamenti grafici per il sito wiki.mediawiki.it
* Restyling grafico dell’interfaccia1
+
* Restyling grafico dell'interfaccia
* Produzione e ottimizzazione di assets digitali (icone ecc.) Progettazionee sviluppo template pagina alternativi Configurazione ambente di sviluppo per MediaWiki Interventi di carattere generale sulla skin attuale (tipografia, bottoni, margini, ombre, posizioni, interazioni e altro).
+
* Produzione e ottimizzazione di assets digitali (icone ecc.)
* Sviluppo di una versione aggiornata per il menu orizzontale Formazione per aggiornamento sulle nuove procedure di utilizzo (formattazioni, menu e altro) Debugging
+
* Progettazione e sviluppo template pagina alternativi
 +
* Configurazione ambente di sviluppo per MediaWiki
 +
* Interventi di carattere generale sulla skin attuale (tipografia, bottoni, margini, ombre, posizioni, interazioni e altro)
 +
* Sviluppo di una versione aggiornata per il menu orizzontale
 +
* Formazione per aggiornamento sulle nuove procedure di utilizzo (formattazioni, menu e altro)
 
* Debugging
 
* Debugging
  
'''Licenza:''' Il contributo grafico per il restyling dell’interfaccia sarà rilasciato in pubblico dominio (licenza CC0, “No Rights Reserved”).
+
'''Licenza:''' Il contributo grafico per il restyling dell'interfaccia sarà rilasciato in pubblico dominio (licenza CC0, "No Rights Reserved").
 +
 
 +
* '''Referente del progetto e brief:''' [[Utente:Iopensa|Iolanda Pensa]]
 +
* '''Referente per l'amministrazione:''' [[Utente:Fra|Francesca Lissoni]] --> Alice Montrasio
 +
* '''Referente per Wikimedia Italia:''' Dario Crespi
 +
 
 +
Il progetto è finanziato da Wikimedia Italia nell'ambito del piano di lavoro 2021 - variazione di budget.
 +
 
 +
== Situazione wikina dicembre 2021 ==
 +
<gallery>
 +
File:Wikina di Wikimedia Italia 10 - Sito dicembre 2021.png|homepage della wikina
 +
File:Wikina di Wikimedia Italia 11 - Sito dicembre 2021.png
 +
File:Wikina di Wikimedia Italia 12 - Sito dicembre 2021.png
 +
File:Wikina di Wikimedia Italia 13 - Sito dicembre 2021.png
 +
File:Wikina di Wikimedia Italia 14 - Sito dicembre 2021.png
 +
</gallery>
 +
 
 +
== Proposte nuova grafica ==
 +
<gallery>
 +
File:Wikina di Wikimedia Italia 06 - Proposta di modifica 2022.jpg|menu in alto
 +
File:Wikina di Wikimedia Italia 01 - Proposta di modifica 2022.jpg|griglia per la struttura della pagina
 +
File:Wikina di Wikimedia Italia 02 - Proposta di modifica 2022.jpg
 +
File:Wikina di Wikimedia Italia 03 - Proposta di modifica 2022.jpg
 +
File:Wikina di Wikimedia Italia 04 - Proposta di modifica 2022.jpg
 +
File:Wikina di Wikimedia Italia 07 - Proposta di modifica 2022.jpg|proposta 2
 +
File:Wikina di Wikimedia Italia 05 - Proposta di modifica 2022.jpg|proposta 2
 +
File:Wikina di Wikimedia Italia 08 - Proposta di modifica 2022.jpg|proposta 2, indice sulla sinistra
 +
</gallery>
 +
 
 +
Si propone di utilizzare icone prese da https://remixicon.com/ per avere più soluzioni e varietà di icone.
 +
 
 +
== Aggiornamento grafico wikina 2022 ==
 +
[[File:Nuova grafica wikina (Wikimedia Italia).pdf|thumb]]
 +
 
 +
== Testing ==
 +
Il 7 giugno 2022 è iniziata una fase di testing della nuova grafica alla quale hanno preso parte [[Utente:Dario Crespi|Dario Crespi]], [[Utente:Marta Arosio|Marta Arosio]], [[Utente:Paolo Casagrande|Paolo Casagrande]] e [[Utente:Alice Montrasio|Alice Montrasio]].
 +
 
 +
== Risultati ==
 +
Il codice per la nuova grafica è stato inserito in [[MediaWiki:Common.css]] il 15 giugno 2022 e in seguito spostato nel css del gadget [[MediaWiki:Gadget-GraficaWikina2022.css]].
  
'''Referente del progetto e brief:''' Iolanda Pensa
+
Sono stati creati i template {{tl|row}} e {{tl|row end}} e il template {{tl|col}} (con il derivato {{tl|col immagine}}), con i quali sono poi stati creati nuovi template di formattazione per specifici elementi della wikina. Sono stati adottati i colori del [[manuale d'immagine]].
  
'''Referente per l'amministrazione:''' Francesca Lissoni
+
Sono stati aggiornati i template {{tl|Testata navigazione WMI}} e i template di navigazione elencati in [https://wiki.wikimedia.it/index.php?title=Speciale%3APrefissi&prefix=Gruppo+lavoro+navigazione&namespace=10 questa pagina speciale].
  
Il progetto è finanziato da Wikimedia Italia nell'ambito del piano di lavoro 2021 - variazione di budget.
+
== Miglioramenti futuri ==
 +
 
 +
Attività suggerite per miglioramenti futuri:
 +
 
 +
# sistemare la {{tl|Testata navigazione WMI}} per migrare dall'attuale implementazione con tabelle, ad un layout senza tabelle (similarmente a come funziona il template {{Tl|row}} e {{Tl|col}})
 +
#: (nota: il layout con tabelle è precedente allo sviluppo grafico descritto in questa pagina)
 +
# ...
 +
 
 +
== Documentazione ==
 +
 
 +
La grafica è stata implementata come un gadget attivo di default nella wikina. Gli utenti registrati possono comunque decidere di disattivarla.
 +
 
 +
Se si incontra un problema, invece che disattivare semplicemente il gadget, per favore segnalare il problema nella talk page.
 +
 
 +
;Foglio di stile del gadget: [[MediaWiki:Gadget-GraficaWikina2022.css]]
 +
;Cartella font: https://wiki.wikimedia.it/fonts/
 +
;Descrizione gadget: [[MediaWiki:Gadget-GraficaWikina2022]]
 +
;Definizioni dei gadget: [[MediaWiki:Gadgets-definition]]
 +
;Documentazione sui gadget in MediaWiki: [[mw:Extension:Gadgets]]
 +
 
 +
== Pagine correlate ==
 +
* [[Manuale d'immagine]]
 +
* Brand Wikimedia su meta [[meta:Brand]]
 +
* Upgrade wiki.wikimedia.it https://phabricator.wikimedia.org/T268515
 +
* Istruzione su come usare la nuova grafica responsive [[Template:Col]] (grazie Boz)
  
[[Categoria:Progetto 2021]]
+
[[Categoria:Grafica]]
[[Categoria:Iniziative in corso]]
+
[[Categoria:Wikina]]

Versione attuale delle 21:06, 13 feb 2023

Grafica wikina 2022
Stato
concluso
Documentazione
https://phabricator.wikimedia.org/T268515
Relazione
Grafica wikina 2021-2022#Risultati
Categoria
Comunicazione, struttura
Ruolo di Wikimedia Italia
Committente
Delibere del direttivo
Verbale direttivo e variazione piano annuale 2021
Ricerca collaboratori
Mandato diretto <2000 euro
Inizio
novembre 2021
Fine
30 aprile 2022
Budget
850 € + IVA
Fornitore
Davide Giorgetta
Volontari
Iolanda Pensa, Valerio Bozzolan
Referente Wikimedia Italia
Dario Crespi


Sistemazione della grafica della wikina.


Incarico a: Davide Giorgetta, Graphic design and research che ha sede sede a Empoli (Firenza) http://www.davidegiorgetta.com

Tempi di realizzazione: La progettazione e lo sviluppo del restyling saranno completati entro l'anno 2021. Il termine dei lavori è stato posticipato al 30 aprile 2022 (concordato via mail 30 marzo 2022)

Mandato: Progettazione e sviluppo di aggiustamenti grafici per il sito wiki.mediawiki.it

  • Restyling grafico dell'interfaccia
  • Produzione e ottimizzazione di assets digitali (icone ecc.)
  • Progettazione e sviluppo template pagina alternativi
  • Configurazione ambente di sviluppo per MediaWiki
  • Interventi di carattere generale sulla skin attuale (tipografia, bottoni, margini, ombre, posizioni, interazioni e altro)
  • Sviluppo di una versione aggiornata per il menu orizzontale
  • Formazione per aggiornamento sulle nuove procedure di utilizzo (formattazioni, menu e altro)
  • Debugging

Licenza: Il contributo grafico per il restyling dell'interfaccia sarà rilasciato in pubblico dominio (licenza CC0, "No Rights Reserved").

  • Referente del progetto e brief: Iolanda Pensa
  • Referente per l'amministrazione: Francesca Lissoni --> Alice Montrasio
  • Referente per Wikimedia Italia: Dario Crespi

Il progetto è finanziato da Wikimedia Italia nell'ambito del piano di lavoro 2021 - variazione di budget.

Situazione wikina dicembre 2021

Proposte nuova grafica

Si propone di utilizzare icone prese da https://remixicon.com/ per avere più soluzioni e varietà di icone.

Aggiornamento grafico wikina 2022

Nuova grafica wikina (Wikimedia Italia).pdf

Testing

Il 7 giugno 2022 è iniziata una fase di testing della nuova grafica alla quale hanno preso parte Dario Crespi, Marta Arosio, Paolo Casagrande e Alice Montrasio.

Risultati

Il codice per la nuova grafica è stato inserito in MediaWiki:Common.css il 15 giugno 2022 e in seguito spostato nel css del gadget MediaWiki:Gadget-GraficaWikina2022.css.

Sono stati creati i template {{row}} e {{row end}} e il template {{col}} (con il derivato {{col immagine}}), con i quali sono poi stati creati nuovi template di formattazione per specifici elementi della wikina. Sono stati adottati i colori del manuale d'immagine.

Sono stati aggiornati i template {{Testata navigazione WMI}} e i template di navigazione elencati in questa pagina speciale.

Miglioramenti futuri

Attività suggerite per miglioramenti futuri:

  1. sistemare la {{Testata navigazione WMI}} per migrare dall'attuale implementazione con tabelle, ad un layout senza tabelle (similarmente a come funziona il template {{row}} e {{col}})
    (nota: il layout con tabelle è precedente allo sviluppo grafico descritto in questa pagina)
  2. ...

Documentazione

La grafica è stata implementata come un gadget attivo di default nella wikina. Gli utenti registrati possono comunque decidere di disattivarla.

Se si incontra un problema, invece che disattivare semplicemente il gadget, per favore segnalare il problema nella talk page.

Foglio di stile del gadget
MediaWiki:Gadget-GraficaWikina2022.css
Cartella font
https://wiki.wikimedia.it/fonts/
Descrizione gadget
MediaWiki:Gadget-GraficaWikina2022
Definizioni dei gadget
MediaWiki:Gadgets-definition
Documentazione sui gadget in MediaWiki
mw:Extension:Gadgets

Pagine correlate