Tutorial Wetpaint In Italiano

Documentare la progettazione curricolare

Guida all’utilizzo di Wetpaint

A cura di Andrea Nannicini e Claudia Perlmuter Febbraio 2009

INDICE Pagina Introduzione

1

CAP. 1 COME CREARE UN SITO 1.1. Primo passo: dati di riferimento 1.2. Secondo passo: l’aspetto grafico 1.3. Terzo passo: registrazione account e inviti

2 3 5 6

CAP. 2 COME MODIFICARE LE IMPOSTAZIONI DEL SITO 2.1. Il menu Settings 2.2. Come inserire un logo personale

9 9 11

CAP. 3 SEZIONI E FUNZIONI DEL MENU PRINCIPALE 3.1 Il menu principale 3.2 Discussion Forum

13 13 14

3.2.1 Creare un argomenti di discussione 3.2.2 Inserire e ricercare un commento 3.2.3 Modificare una discussione

3.3

Funzioni della sezione “Photos”

16

3.3.1 Caricare un’immagine 3.3.2 Creare un album 3.3.3 Gestione delle immagini e degli album

3.4

My profile

19

CAP. 4 COME CREARE E MODIFICARE PAGINE 4.1 Aggiungere una pagina 4.2 Rinominare una pagina 4.3 Cancellare pagina 4.4 Spostare pagina 4.5 Inserire un allegato

23 23 24 25 26 27

CAP. 5 COME EDITARE LE PAGINE 5.1 La barra degli strumenti “Easy Edit” 5.2 Come modificare i contenuti delle pagine 5.3 Come aggiunge ed eliminare un’immagine 5.4 Come aggiungere un link 5.5 Come aggiungere una tabella

29 29 30 31 33 34

CAP. 6 COME AGGIUNGERE MODULI ESTERNI 6.1 Come aggiungere un video di You Tube 6.2 Come aggiungere un file pubblicato su Scribd

36 37 39

Introduzione Questo documento spiega in dettaglio le operazioni necessarie alla realizzazione e alla gestione di un sito – wiki gratuito nell’ambiente di sviluppo online offerto da wetpaint. Grazie alla facilità d’uso, alla quantità di strumenti di interazione offerti e alla possibilità di integrare, nel sito, molteplici contenuti multimediali esterni ed interni all’ambiente, wetpaint risulta uno strumento molto efficace per la documentazione della progettazione curricolare. In effetti, la sperimentazione condotta in quattro istituti scolastici della Toscana1 nell’ambito del Progetto “Documentare la costruzione del Curricolo” ha messo in evidenza la possibilità di allestire, nell’ambiente di sviluppo on line messo a disposizione da wetpaint, uno spazio in cui i gruppi di lavoro documentano, in modo collaborativo e in itinere, il contesto, il processo e i prodotti dell’elaborazione del curricolo verticale. Le indicazioni che seguono sono state perciò prodotte tenendo presenti le esigenze di gruppi di lavoro di docenti che, in un qualsiasi ambito progettuale, possono decidere di utilizzare wetpaint per: -

tenere traccia dell’attività del gruppo e dei singoli componenti;

-

facilitare la comunicazione e la cooperazione all’interno del gruppo;

-

integrare contenuti elaborati in formati diversi (video, ppt, testi, immagini, ecc.) e che risiedono in differenti siti o servizi della rete;

-

condividere, all’interno e con l’esterno, prodotti, strumenti ed esiti del lavoro;

-

gestire in autonomia l’aggiornamento dei contenuti pubblicati.

Il servizio Wetpaint, come tutti gli altri servizi wiki presenti nella rete, si presta inoltre ad essere utilizzato in classe con gli alunni, non solo per realizzare a più mani prodotti ipertestuali e multimediali (p.e. un racconto, un glossario, un diario di bordo), ma anche per promuovere la cooperazione nei gruppi e, quindi, l’apprendimento cooperativo.

1

Gli istituti coinvolti nella sperimentazione sono: I.C. Barberino di Mugello, Circolo Didattico di Vinci, 3° Circolo Didattico di Siena e I.C. Scuola –Città Pestalozzi di Firenze, le cui esperienze di progettazione curricolare sono state ritenute dall’Agenzia Nazionale per lo Sviluppo dell’Autonomia Scolastica-ex Indire esempi di pratiche da diffondere a livello nazionale.

Cap 1 Come creare un sito

Cap. 1 COME CREARE UN SITO

Per creare un nuovo sito-wiki con wetpaint è necessario andare in Internet e digitare nella barra dell’indirizzo www.wetpaint.com . L’ambiente wetpaint è supportato da tutti i browser (Internet Explorer, Mozilla Firefox, Safari), ma dalle prove compiute la navigazione risulta facilitata con Mozilla Firefox . Una volta raggiunto Wetpaint ti troverai davanti la schermata visualizzata nella fig. 1. Per iniziare la creazione del sito bisogna cliccare sul pulsante GO.

Figura 1

La creazione di un sito gratuito su Wetpaint è un’attività semplice e si svolge in 3 passi.

2

Cap 1 Come creare un sito

1.1. PRIMO PASSO: dati di riferimento In questa fase dovrai fornire i dati di riferimento del sito-wiki che ti avvii a creare.
Innanzitutto inserisci nei relativi campi (fig. 2): • il Nome che hai scelto per il sito (Es. Figura 2 Istituto Giuseppe Garibaldi) • l’Indirizzo internet a cui accederanno i nuovi utenti (Es. Figura 2 istitutoggaribaldi) • indicazioni sul contenuto del sito, una breve spiegazione (Es. Figura 2 Education)

Figura 2


In seguito seleziona la categoria di appartenenza del nuovo sito (Es. Figura 3 Education) e chi desideri possa accedervi: everyone/chiunque o Invited members/utenti ad invito, vale a dire devi scegliere se creare un sito pubblico o un sito privato.

Figura 3

3

Cap 1 Come creare un sito


Infine, seleziona chi può partecipare alla redazione del sito wetpaint (da destra a sinistra): a) chiunque b) gli utenti che si registrano nel sito c) solo gli invitati (Es Figura 4 Only people i invite)

Figura 4


Per concludere la prima fase e passare a quella successiva clicca sul Pulsante a fondo pagina (Es. Figura 5)

Figura 5

4

Cap 1 Come creare un sito

1.2. SECONDO PASSO: l’aspetto grafico •

Scegli l’aspetto grafico e il colore (STYLE) che più si addice ai contenuti del sito che vuoi creare (Es. Figura 6). Tieni presente che potrai modificare lo “style” in qualsiasi momento.

Figura 6

•

Visualizza l’anteprima nel riquadro inferiore e controlla che sia di tuo gradimento.

Figura 7

•

Per concludere questa fase e passare a quella successiva clicca sul pulsante a fondo pagina (fig. 8).

Figura 8

5

Cap 1 Come creare un sito

1.3. TERZO PASSO: registrazione account e inviti In questa fase dovrai, in primo luogo, fornire le credenziali di accesso per il servizio wetpaint (creare l’account). Prendi nota dei principali dati che inserisci. • 1. 2. 3. 4. 5. 6. 7. 8. 9.

Compila i vari campi come indicato nella figura n. 9: Nome utente (con cui accederai al sito e sarai riconosciuto dagli altri utenti) Password di accesso Ridigita la password scelta Email di riferimento a cui saranno inviate le informazioni sul sito e le comunicazioni degli utenti (messaggi) Ridigita l’email di riferimento Inserisci il tuo nome Inserisci il tuo cognome (I dati personali non saranno pubblicati) Seleziona anno, mese, giorno della tua data di nascita Inserisci le parole che leggi nell’immagine (Es.Figura 9 ‘12 understood’). Se l’immagine non è comprensibile clicca sul simbolo frecce e ne comparirà un’altra.

Figura 9

Per concludere l’operazione registrazione e passare agli inviti clicca sul pulsante a fondo pagina.

Figura 10

6

Cap 1 Come creare un sito

Se lo desideri, il passo successivo consiste in invitare altri utenti a collaborare alla realizzazione del sito-wiki. Questa operazione è facoltativa e può essere eventualmente rimandata cliccando sul pulsante a fondo pagina. Se desideri invitare qualcuno compila i riquadri nel modo seguente: 1. Inserisci il tuo nome, è quello che verrà visualizzato sugli inviti 2. Inserisci, separati da virgola, gli indirizzi email dei nuovi utenti che desideri invitare 3. Inserisci il messaggio di invito, p.e. “ti invito a collaborare…” 4. Seleziona il ruolo che vuoi attribuire alle persone che stai invitando. Il ruolo scelto determina le operazioni che l’utente invitato può effettuare sul nuovo sito: • Registered user /Utente registrato: partecipa ai forum, edita pagine e aggiunge immagini • Moderator/Moderatore: invita altri utenti, gestisce contenuti • Administrator/Amministratore: cambia la configurazione del sito, invita altri utenti, gestisce contenuti 5. Seleziona l’opzione se vuoi essere informato entro due giorni sugli inviti non corrisposti.

Figura 11

7

Cap 1 Come creare un sito

Una volta terminate le operazioni di registrazione con successo verrà presentata una pagina (fig. 12) riportante il nome scelto e la comunicazione che sarà inviata una email all’indirizzo fornito. Se non trovi il messaggio nella tua casella di posta elettronica verifica che non sia finita tra le spam.

Figura 12

8

Cap. 2 Modificare le impostazioni del sito

Cap. 2 COME MODIFICARE LE IMPOSTAZIONI DEL SITO 2.1. Il menu “Settings” Dopo la sua creazione, il sito è configurato con le impostazioni previste da Wetpaint ed eventualmente fornite dall’utente (vedi stile grafico). Ogni operazione di modifica delle impostazioni generali prevede che l’utente esegua l’autenticazione con i dati inseriti nella sezione “Terza tappa” come riportato nel Cap. 1 figura 9. Autenticazione • • • •

Apri il browser (preferibilmente Mozilla, ma anche Explorer o altro) Inserisci l’indirizzo del sito Clicca sul link Sign in in alto a destra Inserisci nei campi username e password i valori comunicati al momento della registrazione

•

Clicca sul link Settings posto nella barra di menu a destra, sotto l’intestazione

Il menu Settings permette di configurare i parametri principali del sito.

9

Cap. 2 Modificare le impostazioni del sito

All’interno del menu Settings sono presenti 8 menù secondari specifici per ogni operazione.

1. Communications: In questa sezione è possibile inserire o variare i testi che saranno automaticamente visualizzati come saluto iniziale (Site Greeting) e come messaggio di invito per i nuovi utenti (New Member Message). Nella sezione Member Profile Template è possibile modificare l’impostazione del modulo in cui gli utenti possono inserire i propri dati. 2. Templates: In questa sezione è possibile definire dei modelli (templates) di pagine. Ogni modello presenta una propria impostazione grafica che permette facilmente di replicare pagine usando appunto il modello predefinito. 3. Name & Logo In questa sezione è possibile cambiare il nome del sito e modificare il logo presente nella parte superiore della pagina (testata) inserendone uno proprio (Vedi 2.2. Come inserire un logo personale). 4. Styles In questa sezione è possibile scegliere, tra tanti stili grafici differenti, quello più appropriato per i contenuti del sito creato. 5. Statistics In questa sezione è possibile attivare e disattivare un servizio di statistiche relative agli accessi al sito. Per usufruire di tale servizio è necessario possedere un account presso Google Analytics o un altro dei servizi indicati. Inserendo il codice ottenuto presso il servizio di statistiche (ad esempio Google Analytics) il sito sarà controllato e le statistiche rese note all’amministratore. 6. Permissions In questa sezione è possibile definire il livello di accesso al sito e ai suoi contenuti. Per una più sicura gestione degli accessi si consiglia di permettere la modifica dei contenuti ai soli utenti registrati e successivamente autorizzati dagli amministratori.

10

Cap. 2 Modificare le impostazioni del sito

7. Custom URL In questa sezione è possibile, per chi già possiede un sito internet di secondo livello, (wwww.mioindirizzo.it,com,eu,ecc.) reindirizzare direttamente sul proprio sito gli utenti che accedono al sito di wetpaint. 8. Backup In questa sezione è possibile eseguire un backup completo dei contenuti del sito, cioè salvare tutte le pagine inserite. L’operazione è molto semplice, basta cliccare su “Export My Content” e Wetpaint fornirà una cartella zippata contenente tutte le pagine del sito in formato HTML (si visualizzano con Explorer o altro browser) da salvare sul proprio computer. Si consiglia di realizzare periodicamente il backup del proprio sito.

2.2. Come inserire un logo personale
Clicca sul menù Name & Logo


Clicca sul link Upload a Header Image (Carica un’immagine per la testata)

11

Cap. 2 Modificare le impostazioni del sito


Nella finestra di dialogo clicca sul pulsante sfoglia, seleziona sul tuo computer il file del logo che desideri inserire e premi invio.
Clicca su Upload Image per eseguire l’importazione del file scelto.


Il sistema inserirà la nuova immagine nella testata. Se vuoi salvarla occorre cliccare su Save Changes in fondo alla pagina.


Quando vuoi cambiare o rimuovere l’immagine della testata devi cliccare su “Remove Current Immage…” e inserire una nuova immagine come precedentemente indicato.

12

Cap. 3. Sezioni e funzioni del menu principale

Cap. 3 SEZIONI E FUNZIONI DEL MENU PRINCIPALE

3.1. Il Menu Principale Una volta eseguito l’accesso con le proprie credenziali, come spiegato nel Cap. 2 (autenticazione), il Menu principale si presenta come nella figura sottostante.

Tramite semplici Click è possibile accedere alle singole sezioni e funzioni del sito. HOME Pagina di partenza del sito. Sul fianco sinistro, nella home page, viene visualizzato il menù di navigazione con le pagine create secondo uno schema ad albero. DISCUSSION FORUM Forum di discussione, sezione in cui si può vedere se sono state attivate discussioni, accedere alle discussioni in atto oppure crearne una nuova. Le discussioni possono essere create, a seconda del contenuto, o in questo ambito (argomenti generali), o nelle diverse pagine e foto del sito (argomenti specifici) (vedi ulteriori indicazioni nel punto 3.2.). WHAT’S NEW In questa sezione si può vedere un elenco dei contenuti più recenti inseriti da tutti gli utenti del sito. Un sistema evoluto che permette di visualizzare velocemente gli ultimi accessi e creazioni. PHOTOS Un servizio di pubblicazione di immagini che possono essere raggruppate anche per album ed integrate nelle pagine del sito (vedi ulteriori indicazioni nel punto 3.3.). DROPLETS Un sistema di Widgets (moduli esterni) relativi ad altri sistemi di Social Networking (MySpace, Facebook, Wordpress, Blogger, ecc.) per pubblicizzare il sito internet. MEMBERS L’elenco degli utenti registrati. Possono essere visualizzati anche per categorie: moderatori, utenti che possono creare contenuti, amici, ecc..

13

Cap. 3. Sezioni e funzioni del menu principale

TO- DOS (da fare) Un sistema di note condivise per facilitare il lavoro collaborativo tra gli utenti del sito. In questa sezione si possono visualizzare le “cose da fare” inserite nelle diverse pagine e anche quelle già completate. MY PROFILE In questa sezione è possibile accedere alle proprie caratteristiche e ai propri parametri di registrazione nel sito, nonché modificare la propria password, l’indirizzo di posta elettronica e le preferenze riguardo alle notifiche da ricevere (vedi ulteriori indicazioni nel punto 3.4.).

3.2. Discussion forum I forum di discussione possono essere considerati, semplificando i termini, delle bacheche pubbliche riguardanti specifici argomenti. Le operazioni fondamentali sono: creazione, modifica e cancellazione di un thread (Filo della discussione o argomento); creazione di un commento e ricerca di un commento. Di seguito vengono descritte nel dettaglio le operazione base. 3.2.1. Creare un argomento di discussione • • •

Per creare un nuovo argomento di discussione clicca su Create Thread Inserisci nei campi testo il soggetto della discussione, il messaggio ed eventualmente le parole chiave che potranno servire per la ricerca. Clicca sul pulsante Post per pubblicare

14

Cap. 3. Sezioni e funzioni del menu principale

3.2.2. Inserire e ricercare un commento La creazione di un commento va eseguita tramite i link Post Reply presente nella pagina dove si trova la discussione. La ricerca di un commento si può fa attraverso la casella di testo Search this site (e in seguito opzione Threads) che si presenta a sinistra, sopra il menu di navigazione ad albero; oppure attraverso la casella di testo Search Threads che compare in alto a destra della pagina Discussion Forum. 3.2.3. Modificare una discussione Una volta selezionata la discussione, gli amministratori hanno la facoltà di: • Spostare il thread • Salvarlo come pagina di contenuti • Cancellarlo

E’ possibile eseguire le operazioni di modifica di una discussione (Manage Thread) andando a selezionare il comando dal menu posto a destra.

15

Cap. 3. Sezioni e funzioni del menu principale

3.3. Photos Dal menu photos è possibile gestire un archivio di immagini. L’archivio può essere strutturato in album. L’utente può decidere di creare singoli album dove inserire immagini e foto, oppure inserire le foto nella galleria e, successivamente, creare gli album. 3.3.1. Caricare un’immagine Possono essere caricate immagini reperibili dal PC in uso all’utente o inserendo l’indirizzo internet dell’immagine, direttamente dalla rete. Le immagini non dovrebbero superare il formato 400 x 500 pixels, né i 500KB.

• • •

Clicca sul pulsante Browse… per selezionare il file da caricare Clicca sul pulsante Apri La nuova foto è pronta per essere aggiunta alla raccolta. Clicca sul pulsante Add Photo

16

Cap. 3. Sezioni e funzioni del menu principale

• •

Inserisci un titolo e, se preferisci, una descrizione e parole chiavi (serviranno per la ricerca) Clicca sul pulsante Done

3.3.2 Creare un album

• •

Dopo aver cliccato sul menu principale PHOTOS Cliccare su Create album come riportato in figura

17

Cap. 3. Sezioni e funzioni del menu principale

• •

Inserire nel campo Name il nome dell’album e la descrizione Cliccare sul pulsante Create

L’album è stato creato, vi si possono aggiungere le foto.

3.3.3. Gestione delle immagini e degli album Dal menu PHOTOS è possibile eseguire ulteriori operazioni su foto e su album, in particolare, l’utente autorizzato può: • • • •

Aggiungere foto e album Inviare email contenenti foto e album Cambiare il nome e la descrizione delle singole foto e album Bloccare o cancellare foto e album

18

Cap. 3. Sezioni e funzioni del menu principale

Inoltre è possibile • • •

una volta inserite almeno due foto, visualizzarle in sequenza cliccando sul pulsante SlideShows; ricercare una foto tramite il campo SearchPhotos; creare un Thread del forum di discussione collegato all’immagine.

3.4. My profile Dopo aver effettuato il login con le proprie credenziali di accesso è possibile gestire il proprio account su Wetpaint tramite la voce del menu “My Profile”

•

Clicca sul link “Profile”

Si presenterà il menu principale della gestione del proprio profilo

19

Cap. 3. Sezioni e funzioni del menu principale

I link che effettuano operazioni sul proprio profilo sono presenti nell’etichetta “Profile”; le altre etichette presentano ulteriori strumenti per la gestione e il monitoraggio delle visite e delle operazioni in particolare:

• •

Tutte le impostazioni dei profili seguono la logica del “attivo non attivo”. Una opzione definita nel profilo viene considerata attiva se la casella è “puntata”, non attiva altrimenti. Opzione attiva

Opzione non attiva

About Me: Tramite questo link è possibile cambiare Avatar al proprio utente. L’avatar è un’immagine scelta dall’utente che sarà riportata sui propri contributi. Normalmente nei siti di Social Networking viene inserita una proprio foto per rendere più diretta l’individuazione della persona da parte degli altri membri della comunità. Per inserire la propria immagine è necessario Cliccare su “add Image” Nella stessa sezione è possibile definire lo slogan del proprio utente: Lo slogan è una frase che accompagna l’immagine (Avatar) nei contenuti

Account Information: In questa sezione è possibile cambiare riferimento email di wetpaint e la propria password di accesso.

20

Cap. 3. Sezioni e funzioni del menu principale

Preferences: In questa sezione è possibile definire il comportamento del sistema wetpaint ed in particolare: • • •

Nascondere la finestra note che viene aperta ad ogni variazione o inserimento di contenuti permettendo all’utente di registrare una nota sull’operazione effettuata. Non inserire il proprio utente nella stampa dei membri del sito o tra gli invianti del messaggio di benvenuto per i nuovi utenti Non condividere le proprie attività con gli altri membri del sito.

Email Notification: Per ogni sito di cui siamo membri, in questa sezione è possibile definire se vogliamo essere informati tramite email nei seguenti casi:  un nuovo utente si registra  se qualcuno ci manda una richiesta di amicizia  se qualcuno ci lascia un messaggio  se qualcuno apre un thread sul nostro profilo  se qualcuno ci invia dei complimenti o commenti  ogni volta che vengono svolte operazioni sul sito. Nella parte inferiore è possibile attivare la sottoscrizione a news letter di wetpaint. Invitations: In questa sezione è possibile invitare altri utenti nella community. Aumentando il numero di iscritti si possono aumentare le possibilità di crescita del proprio sito (Vedi 1.3). Blocked Users: Tramite questa sezione è possibile definire un elenco di utenti da cui non vogliamo ricevere alcun messaggio.


Oltre all’etichetta principale “Profile” il menù “My Profile” comprende anche le seguenti etichette:

Friends: Sono gli utenti del sito che scegli come amici

21

Cap. 3. Sezioni e funzioni del menu principale

Messages: Il sistema di messaggistica interna a Wetpaint per inviare messaggi ai membri del sito oppure ai propri amici. Compliments: Gestione di messaggi di gradimento relativi alle attività svolta tra utenti Whatchist: Lista dei contenuti visitati Contributions: La propria attività svolta nel sito: i contributi in termini di contenuti, immagini, commenti.

22

Cap. 4. Creare e modificare pagine

CAP. 4 COME CREARE E MODIFICARE PAGINE 4.1. Aggiungere una pagina Clicca sul link del menù del lato sinistro denominato Add page

Inserisci nei seguenti campi come mostrato in figura 1. Il nome della pagina 2. Keywords (parole chiave) separate da virgola (facoltativo, utili per la ricerca)

Se preferisci, puoi anche selezionare, nel campo Use template, un modello per la pagina che vuoi creare. 23

Cap. 4. Creare e modificare pagine

Clicca sul pulsante Add Page La nuova pagina vuota è stata aggiunta. Utilizzando l’editor descritto nel Cap.5 è possibile inserire i contenuti all’interno della pagina stessa.

4.2. Rinominare una pagina Clicca sulla pagina che intendi rinominare nel menù a sinistra. Clicca sul link More Tools

Clicca sul link Rename page del menù a comparsa

Inserisci nel primo campo il nuovo nome della pagina e Clicca sul pulsante Rename Page. Se lo desideri puoi indicare i motivi per cui dai un nuovo nome alla pagina. N.B.: Una volta cambiato il nome della pagina verranno persi tutti i link esterni che fanno riferimento alla pagina stessa.

24

Cap. 4. Creare e modificare pagine

4.3. Cancellare una pagina Clicca sulla pagina che intendi cancellare dal menù di sinistra Clicca sul link More Tools

Clicca sul link Delete page nel menù a comparsa Clicca sul pulsante Delete Page per confermare la cancellazione della pagina

Se lo desideri puoi indicare i motivi per cui cancelli la pagina. N.B.: La cancellazione della pagina comporta la cancellazione del proprio contenuto, verrà inoltre rimossa dal menu di navigazione e saranno persi tutti i link che facevano riferimento alla stessa.

25

Cap. 4. Creare e modificare pagine

4.4. Spostare una pagina Clicca sulla pagina che intendi spostare dal menù di sinistra Clicca sul link More Tools

Clicca sul link Move page dal menù a comparsa Clicca sulla pagina del menù che dovrà contenere la pagina da spostare N.B.: Se desideri spostare la pagina al primo livello del menù seleziona la pagina Home

Nel caso in cui la pagina principale selezionata contenga altre pagine è possibile definire l’ordine della pagina da spostare all’interno del menù cliccando sui pulsanti Move Up e Move Down

26

Cap. 4. Creare e modificare pagine

Per concludere e salvare clicca sul pulsante Set Page Order

4.5. Inserire un allegato Dopo aver selezionato la pagina nel menù di sinistra Clicca sul pulsante “More Tools”

Dopo l’apertura del seguente menù Clicca sul link “Add Attachment”

27

Cap. 4. Creare e modificare pagine

Dopo l’apertura della finestra di selezione file clicca sul pulsante “Sfoglia” per selezionare il file da allegare alla pagina e Clicca sul pulsante “Add Attachment”

Una volta inserito il file nel fondo pagina è possibile visualizzare l’allegato creato

Una volta terminata l’operazione è possibile aggiungere ulteriori allegati cliccando sul pulsante “Add an attachment” Nel caso si desideri eliminare un allegato è necessario Cliccare sul link “Remove”

28

Cap. 5. Editare le pagine

CAP. 5 COME EDITARE LE PAGINE 5.1. La barra degli strumenti “Easy Edit” Il capitolo seguente descrive le funzionalità principali dell’editor presente in wetpaint. In ogni pagina possono essere inseriti contenuti quali immagini, link, tabelle, formattazioni, per renderle facilmente navigabili e fruibili da parte degli utenti. L’editor Easy Edit è lo strumento principale per la modifica dei contenuti. Una volta selezionata la pagina in cui inserire i contenuti dal menù di sinistra, Clicca sul pulsante Easy Edit

Si presenterà una finestra denominata Easy Edit Toolbar e il cursore si posizionerà all’inizio della pagina. Gli strumenti messi a disposizione possono essere suddivisi in 5 categorie principali: 1. Redo e Undo con cui è possibile navigare tra le singole operazioni eseguite 2. Strumenti di definizione del carattere da utilizzare: tipo (Normal/corpo testo – Header/titolo e Subhead/sottotitolo), famiglia (Arial, Courrier, Garamond, ecc.), corpo (da 7 a 36 pt) e colore (elenco predefinito più la possibilità di selezionarne uno diverso cliccando su “Custom”) 3. Strumenti di formattazione: Grassetto, Corsivo, Sottolineato, Reset e i tre allineamenti standard 4. Strumenti per gli elenchi puntati e tabulazioni 5. Gadget esterni come: Link, Foto e immagini, tabelle, widget (moduli esterni), moduli predifiniti Wetpaint, controllo ortografico (solo per l’inglese).

29

Cap. 5. Editare le pagine

In questo capitolo vedremo alcune operazioni fondamentali nell’uso dell’editor: la formattazione base del testo, l’Inserimento di una immagine, l’inserimento di un link.

5.2. Come modificare i contenuti delle pagine Clicca sul pulsante Easy Edit

Scrivi il nuovo testo, oppure copialo direttamente da altri siti, da altre pagine o da altri file. Per questioni di formattazione, conviene copiare testi scritti solo col Blocco Note (File txt) o “ripuliti” della formattazione originaria attraverso questo programma (prima copia il testo, poi incolla sul blocco note, infine trasferisci sulla pagina di Wetpaint). Puoi usare i bottoni di formattazione della barra strumenti Easy Edit, come l’allineamento e il grassetto, come un normale Word Processor (Word, Openoffice, Lotus) Quando sei soddisfatto del contenuto premi

Apparirà una nuova finestra dove puoi inserire una breve nota descrittiva del motivo di inserimento o modifica del testo.

Richiamando il contenuto e la funzione “complete history” è possibile rivedere le varie note inserite.

30

Cap. 5. Editare le pagine

5.3. Come aggiungere ed eliminare un’immagine Per aggiungere un’immagine nella pagina clicca sul pulsante “Easy Edit” e apparirà la barra degli strumenti

Posiziona il tuo cursore nel punto in cui desideri che venga visualizzata l’immagine e clicca sul pulsante Photo nella barra strumenti.

Apparirà la finestra “Add Photo”

Scegli tra le foto presenti nella raccolta, quella che vuoi inserire, oppure carica una nuova foto o cercala usando “Search Yahoo Images”.

31

Cap. 5. Editare le pagine

• •

•

Per aggiungere una foto presente nella raccolta, clicca sulla foto e poi sul pulsante “Add Photo” Per aggiungere una foto presente sul tuo computer o ad uno specifico indirizzo internet, clicca su “Upload New Photo”, specifica il percorso del file e clicca sul pulsante “Add Photo” Per cercare e aggiungere una foto trovata sul web, clicca sul link “Search Yahoo! Images” inserisci la keyword (parole chiave) da ricercare, seleziona la foto che desideri inserire e clicca sul pulsante “Add Photo”.

Inserisci un titolo e, se vuoi, una descrizione alla tua foto. Clicca su “Edit Photo Details”

Puoi cambiare le dimensioni della tua foto usando i pulsanti (-) e (+). Puoi cambiare la posizione della foto all’interno del testo usando le opzioni di “Wrap Text”. La finestra di testo “Rollover text” mostra il testo che comparirà quando chi visualizza la pagina si trova a passare il mouse sull’immagine. Se non ti soddisfa il testo proposto, puoi cambiarlo. Quando sei soddisfatto della dimensione, del posizionamento e del testo che accompagnerà l’immagine, clicca sul pulsante “Done”. Tutti i parametri dell’immagine potranno essere modificati in qualsiasi momento.

32

Cap. 5. Editare le pagine

Per eliminare un’immagine dalla pagina : 1. 2. 3. 4.

Clicca su EasyEdit Clicca sulla foto che desideri eliminare Premi sulla tastiera il pulsante Canc Infine, clicca sul pulsante “Save” nella barra degli strumenti

5.4. Come aggiungere un link Per inserire un link in una pagina per prima cosa premi il pulsante “EasyEdit” e apparirà la barra strumenti.

Seleziona il testo che desideri trasformare in link e clicca sul pulsante “Link” nella barra strumenti.

Apparirà la finestra “Add Link”

Per inserire un link a una pagina interna clicca sul pulsante Find Page e scegli la pagina a cui far riferimento, oppure inserisci il nome della pagina. Se inserisci del testo, ti verranno proposte le pagine con nome simile al testo inserito.

33

Cap. 5. Editare le pagine

Seleziona un nome dalla lista, o digita il nome completo della pagina.

Per creare un link esterno ad un altro sito internet o ad una pagina esterna, digita o incolla, nella finestra di testo “Link to:”, l’indirizzo completo URL (per esempio www.ibm.com) .

5.5. Come aggiungere una tabella •

Per aggiungere una tabella ad una pagina clicca sul pulsante “EasyEdit”

•

Posiziona il cursore nel punto della pagina in cui vuoi inserire la tabella e clicca sul pulsante “Table” nella barra strumenti

34

Cap. 5. Editare le pagine

Apparirà la finestra “Add Table”

• •

• • • •

Inserisci il numero di righe (Rows) e colonne (Columns) che desideri creare (se necessario, ne potrai aggiungere e togliere in seguito). Puoi facilmente definire la larghezza della tabella in pixel oppure scegliere “Fit to Page” per creare una tabella larga quanto la massima grandezza della pagina stessa. Inserisci il valore in pixel del margine tra cella e cella (“Cell Margins”) Seleziona la disposizione della tabella e del contenuto Seleziona uno stile per i bordi (Table Style) Clicca sul pulsante “Add Table”

Per aggiungere o rimuovere colonne, inserire righe, editare celle, editare la tabella o cancellarla, seleziona la tabella o l’area che ti interasse e clicca con il tasto destro del mouse. Apparirà il seguente menù, attraverso il quale accedere alle operazioni sopra indicate.

35

Cap. 6 Aggiungere moduli esterni (video, ppt, ecc.)

CAP. 6 COME AGGIUNGERE MODULI ESTERNI (video, ppt, calendario, ecc.) Wetpaint, con la sua configurazione modulare, permette di inserire nelle pagine del wiki moduli e servizi esterni (Widget) di cui si possa prelevare il codice “Embed”. In questo modo, il contenuto (video, ppt, audio, calendario, mappa, ecc.) pubblicato in altro sito, potrà essere fruito direttamente dalla pagina del wiki. Per attivare questa funzione è necessario cliccare sul pulsante Widget del menu Easy Edit.

Si aprirà la seguente finestra

Come si può notare, Wetpaint offre l’inserimento guidato per contenuti che risiedono in alcuni siti specifici, per esempio: • Video (YouTube e Google Video) (Vedi indicazioni contenute in 6.1.) • Feed RSS • Calendario (Google Calendar) • SlideShow (PhotoBucket) • Musica (Imeem) • Mappe (ZeepMaps) • Chat e Messagging (Meebo e gabbly) 36

Cap. 6 Aggiungere moduli esterni (video, ppt, ecc.)

Wetpaint permette anche di inserire, tramite “Other Widget”, altri moduli esterni di cui si possa prelevare il codice embed, ad esempio, PPT o PDF pubblicati su Scribd (vedi indicazioni contenute in 6.2.) o su Slideshare, files di suono pubblicati su Goear, podcast pubblicati su GCast e Podomatic, ecc.

6.1. Come aggiungere un video di YouTube Clicca sul pulsante Widget.

Si aprirà la seguente finestra. Clicca sull’icona di YouTube.

37

Cap. 6 Aggiungere moduli esterni (video, ppt, ecc.)

La finestra successiva offre due diverse opzioni.

a) Nel caso tu abbia già individuato su YouTube il video che desideri aggiungere, clicca sul link “Add by URL OR EMBED” e segue le istruzioni. b) Se non hai ancora individuato il video da aggiungere, puoi eseguire una ricerca tra quelli pubblicati su Youtube. Inserisci la descrizione nel campo ricerca e clicca sul pulsante “Search”.

Una volta selezionato il video desiderato, clicca sul pulsante AddYouTube Video. Ti verrà chiesto di scegliere nel menù seguente la posizione del video all’interno della pagina. Una volta scelta, clicca sul pulsante “Done”. 38

Cap. 6 Aggiungere moduli esterni (video, ppt, ecc.)

6.2. Come aggiungere un file pubblicato su Scribd Il primo passo consiste in individuare il codice embed del documento di Scribd che vuoi aggiungere alla pagina di Wetpaint. Per farlo, puoi procedere in due modi diversi. 1°) Individua il file su Scribd che ti interessa e clicca sull’etichetta Embed.

Poi, clicca sul pulsante “Copy”.

2°) Se sei un utente registrato di Scribd, possiedi un tuo archivio di documenti e vuoi integrarne uno nella pagina del wiki, puoi accedere al codice Embed anche dall’elenco dei documenti, cliccando sulla voce share (condividi) che corrisponde al documento desiderato (vedi figura che segue).

39

Cap. 6 Aggiungere moduli esterni (video, ppt, ecc.)

Dopo aver cliccato su Share, si aprirà la finestra con i codici e gli indirizzi da utilizzare per condividere il documento. Per integrare il documento nella pagina del wiki, copia il codice embed cliccando su Copy. Se clicchi su (advanced) avrai la possibilità di scegliere dimensione, modalità di scorrimento e altri parametri avanzati di inserimento.

40

Cap. 6 Aggiungere moduli esterni (video, ppt, ecc.)

Una volta in possesso del codice embed, apri la pagina del sito Wetpaint in cui inserire il modulo-documento e clicca sul pulsante Easy Edit .

Clicca sul pulsante Widget.

Clicca su “Select” nell’area Other Widget, in quanto Scribd non è presente tra i Widget predefiniti da Wetpaint.

Si aprirà la seguente finestra. Per copiare il codice nell’area predisposta clicca con il pulsante destro del mouse e seleziona “Incolla”. Infine, clicca con il pulsante “Add Widget”

41

Cap. 6 Aggiungere moduli esterni (video, ppt, ecc.)

Si aprirà la finestra “Edit Widget”. Seleziona la posizione dell’oggetto all’interno della pagina (Wrap text) e le sue dimensioni (size). Per concludere clicca su Done.

La finestra si chiuderà e ritroverai la pagina in corso di edizione. In questa modalità il contenuto aggiunto sarà visibile solo come un riquadro.

Per vedere il contenuto del modulo aggiunto devi uscire da Easy Edit cliccando su Save. Il risultato, nel caso dell’aggiunta di un documento PPT (power point), potrà essere simile a quello riportato nella figura che segue.

42

Cap. 6 Aggiungere moduli esterni (video, ppt, ecc.)

Per scorrere il documento potrai utilizzare le frecce e la barra laterale, per ingrandirlo o ridurlo, i tasti + - presenti nel riquadro. Le dimensioni dell’oggetto e la sua posizione nella pagina possono essere modificate in qualsiasi momento.

43

L'uso del testo e/o delle immagini contenuti in questa guida, sia per intero che parzialmente, è concesso. I testi e le immagini non specificatamente di proprietà dell’Agenzia Nazionale per lo Sviluppo dell’Autonomia Scolastica ex-Irre Toscana appartengono ai rispettivi autori e non sono utilizzabili a scopo di lucro. Il presente documento ha il solo scopo didattico e non può essere riprodotto per intero o in parte a fini di lucro. L’Agenzia Nazionale per lo Sviluppo dell’Autonomia Scolastica ex-Irre Toscana non può essere ritenuta responsabile per qualsivoglia utilizzo illecito o di violazione della normativa sul Copyright e delle ulteriori norme vigenti. Il presente documento, scaricabile dalla rete, è concesso secondo la licenza Creative Commons.