Vademecum per la pubblicazione di articoli di contenuto didattico sul sito scolastico dell IC Dante Alighieri di Calcinato Prima di qualsiasi altra considerazione circa le modalità di pubblicazione sul sito scolastico, è bene ricordare che chiunque si accinga a inserirvi contenuti deve sincerarsi di aver preparato, come in figura1, una cartella contenente: - un abstract (sintesi introduttiva) dell articolo, in formato di testo (txt), - un immagine significativa (il diffusissimo formato jpeg è caricabile sul sito, ma considerate che i file sopra i 25 Mb vengono rifiutati; d altra parte un immagine di circa 8cmx4cm ottimizzata per il web, non dovrebbe di norma superare i 200 Kb e nella presente guida, al punto 2, troverete indicazioni utili sul ridimensionamento delle immagini), - uno svolgimento esteso dello stesso articolo, da realizzare con un editor di testi (Microsoft Word, Open Office Writer etc..) o con un software di presentazione (Microsoft PowerPoint, Open Office Impress etc..), in formato pdf/a (non modificabile), o, eventualmente, in formato zip o rar, - un eventuale filmato, che non andrà tuttavia caricato direttamente sul server del sito scolastico, ma pubblicato su un sito dedicato (YouTube, Daily Motion etc..) e opportunamente incorporato nel sito, come specificato di seguito, - un eventuale presentazione di Powerpoint. Fig. 1 Contenuti tipici di una cartella per la pubblicazione sul sito scolastico
1. Inserimento nel sito scolastico dell abstract (sintesi introduttiva) Dopo l accesso al sito scolastico (www.iccalcinato.gov.it) inserire nel menù Accesso utente (vd. Fig. 2) le proprie credenziali di editor docente (chi non le avesse è pregato di farne personalmente richiesta ai webmasters, Prof.ssa Facchini e Prof. Scarinzi), in modo da abilitare sul sito i menù di pubblicazione. Fig. 2 Una volta accreditati come editori, entriamo nella sezione Didattica e Formazione del menù La scuola (vd. Fig. 3) e accediamo alla sezione specifica della scuola a cui il contenuto didattico fa riferimento (nel nostro esempio accederemo alla Scuola Secondaria di I Grado). 2 1 Fig. 3
Ricordate che è posssibile accedere rapidamente alla sezione Didattica e Formazione anche direttamente dal menù principale delle varie scuole in alto, semplicemente cliccando sul nome della scuola (Fig. 4) e poi sul link Materiale didattico, presente alla fine della descrizione di ogni scuola (Fig. 4 bis). Fig. 4 Fig. 4 bis
Ora siamo pronti ad inserire la pagina con il nostro lavoro, cliccando sulla voce Aggiungi pagina figlio (vd. Fig. 4 ter, sotto) Fig. 4 ter Nella finestra che si apre, andremo ad inserire il titolo del nostro articolo (vd. Fig. 5, sotto) Fig. 5
Ora siamo pronti per inserire l abstract (sintesi introduttiva) dell articolo: per farlo entriamo nel file di testo (txt) che abbiamo già predisposto nella nostra cartelletta e ne copiamo il contenuto con la funzione Copia, attivabile con il tasto dx del mouse (Fig. 6). Fig. 6 Non ci resta che incollare il nostro testo (txt) all interno dell apposita finestra del sito scolastico denominata Body (Fig. 6 bis). Quando tentiamo di inserire il testo nella prima finestra, usando la funzione Incolla con il tasto dx del mouse, si apre una seconda finestra più piccola dove è effettivamente possibile incollare il nostro testo (si tratta di una finestra di ottimizzazione dei testi). Incollato il testo, clicchiamo sul tasto OK. Fig. 6 bis A questo punto il testo dell abstract comparirà all interno della finestra Body e potremo giustificarlo e modificarlo con le icone dedicate, come all interno di un normale texteditor. Non dimentichiamo, al termine dell inserimento del testo, di scegliere come formato il Full HTML (Fig. 7), pena l impossibilità di visualizzare correttamente eventuali immagini che andremo ad inserire a corredo dell abstract. Fig. 7
NB: nel text editor dell ultima versione del sito scolastico è possibile inserire direttamente testi provenienti da un text editor esterno (Word o similari), anche senza averli previamenti convertiti in formato di testo (txt): sarà l applicazione interna a farlo per noi; ne consegue che è possibile creare seduta stante il nostro abstract in formato di testo semplicemente copiando da Word o da analogo software il contenuto e riversarlo sul sito cliccando sull icona Incolla da Word (Vd. Figura 7 bis, sotto) Fig. 7bis
2. Inserimento dell immagine significativa Siamo pronti ad inserire l immagine più significativa del nostro corredo iconografico. La inseriremo direttamente nel corpo dell abstract, ovvero all interno della finestra body, dopo averla opportunamente dimensionata con un editor di immagini. A tale proposito, consigliamo di utilizzare l editor on-line gratuito Pixelr (http://pixlr.com/editor/) e, nella schermata che si apre, clicchiamo su Apri un immagine dal computer (vd. Fig. 8, sotto): Fig. 8 Scegliamo l immagine sul nostro PC e la carichiamo cliccando sul tasto Apri. A questo punto, dovrebbe comparire la schermata della Figura 8 bis, nella quale possiamo ridimensionare la nostra immagine cliccando su Immagine-Dimensioni immagine e settando nella tabella che compare la larghezza in pixel (492); fate attenzione al mantenimento delle proporzioni dell immagine, mettendo un segno di spunta sull opzione Mantieni proporzioni. A questo punto, cliccando su OK, avrete un immagine che andrà ad occupare perfettamente la larghezza della colonna centrale del nostro sito. Fig. 8 bis
Procediamo quindi a salvarla cliccando su Salva e, nella tabella che compare, inseriamo il nome, e il formato dell immagine (jpeg è un formato ideale), quindi confermiamo il salvataggio cliccando su OK (Vd. Fig. 8 ter) ed usciamo dall editor on-line. Fig. 8 ter Non ci resta che inserire la nostra immagine ridimensionata nella pagina del sito: dopo aver fatto scorrere il testo dell abstract di una riga, clicchiamo sull icona Immagine (Fig. 8 quater), si aprirà una seconda finestra, all interno della quale clicchiamo su Cerca sul server (Fig. 9); si aprirà una terza finestra: clicchiamo su Sfoglia, selezioniamo l immagine significativa all interno della nostra cartelletta, quindi clicchiamo su Carica e la inseriamo cliccando su Insert file (Fig. 9 bis). Fig. 8 quater Fig. 9 Fig. 9 bis
Comparirà a questo punto l editor di immagini incorporato nel sito: controlliamo che la larghezza dell immagine sia 492 pixel e inseriamo nella finestra Testo alternativo una descrizione che garantisca un informazione minima anche per utenti ipovedenti, ad esempio: Immagine per la Giornata in memoria dell Olocausto 2013 [jpeg_200kb]. Confermiano l operazione cliccando sul tasto OK: l immagine verrà inserita definitivamente all interno dell abstract nella finestra body (Fig. 10). Fig. 10
3. Inserimento del testo esteso Il testo vero e proprio del nostro articolo non va inserito per esteso nella finestra body (da riservare, come già visto, alla sintesi introduttiva), ma caricato come allegato all abstract, possibilmente in formato PDF/A (non modificabile), sebbene il sito possa caricare, fra gli altri, anche i formati doc e zip (opzione, quest ultima, che potrebbe rivelarsi utile nel caso si vogliano caricare intere cartelle di documenti o file musicali ) Procediamo quindi ad inserire il nostro articolo per esteso, cliccando sul tasto Sfoglia del menù ALLEGATO, selezioniamo all interno della nostra cartella il file PDF dell articolo, clicchiamo su Apri, quindi su Carica (Fig. 11). Fig. 11
4. Inserimento del filmato Nel caso si vogliano inserire filmati a corredo dell abstract e del PDF, ricordiamo che i video non vanno mai caricati direttamente sul nostro sito, ma su siti appositamente concepiti, come YouTube, Daily Motion, Vimeo etc.. e poi incorporati al nostro articolo. Nell esempio, vediamo come caricare un video su YouTube (ovviamente, dovremmo creare previamente un account personale ): clicchiamo su Carica video, quindi su Seleziona i file da caricare entriamo nella cartelletta personale dove avevamo salvato il fimato, lo selezioniamo e confermiamo con l OK (Fig. 12). Fig. 12 Comparirà la schermata della figura 13 e You Tube inizierà a caricare il nostro filmato: nel frattempo possiamo compilare i campi relativi al Titolo e alla Descrizione del nostro filmato, oltre eventualmente a quello del Tag (Istruzione, Giornata della memoria etc ), inoltre possiamo anche copiare l indirizzo del nostro filmato su YouTube, che compare a destra della barra di caricamento del file. Fig. 13
Una volta caricato il video su YouTube, dobbiamo copiarne il codice embed, ovvero il particolare codice che, se opportunamente incollato, permetterà l incorporazione del filmato all interno del nostro sito scolastico. Si noti che tale filmato sarà visibile sulla pagina che andiamo a pubblicare, ma non si troverà fisicamente all interno del nostro server, con un conseguente grande risparmio di spazio. Per copiare il codice, clicchiamo su Condividi-Codice da incorporare, il codice embed viene automaticamente selezionato e non ci resta che copiarlo (Vd. Fig. 14). Fig. 14 Ora torniamo all interno del sito scolastico, sulla pagina che intendiamo pubblicare, e all interno del text editor, clicchiamo sul tasto Codice Sorgente (vd. Fig. 14bis, sotto), quindi incolliamo il codice embed appena copiato, subito prima del testo dell abstract. Fig. 14bis
Se adesso clicchiamo una seconda volta il tasto Codice Sorgente, deselezionandolo, comparirà l ingombro del video che abbiamo incorporato (IFRAME), come nella figura 14ter. L ingombro grafico del video sulla nostra pagina può essere dimensionato in modo da occupare in larghezza lo stesso spazio del testo. Per faro, selezioniamo l IFRAME con il tasto sx del mouse e clicchiamo il tasto dx del mouse: comparirà un menù con l opzione Proprietà Iframe (Vd. Fif 14 quater); clicchiamo tale opzione e comparirà una finestra per il ridimensionamento dell ingombro del video, analoga a quella che abbiamo già visto per le immagini. È consigliabile portare la larghezza dell IFRAME a 492 (lo stesso ingombro in larghezza del testo) e ridimensionare in proporzione anche la sua altezza. Al termine dell operazione, clicchiamo su OK. Fig. 14ter
5. Inserimento di una presentazione realizzata in Powerpoint Nel caso in cui il nostro contenuto didattico sia costituito da una presentazione realizzata con Microsoft Powerpoint, o analogo software free-source (vd. Apache Open Office Impress o similari), si ricorda che la presentazione può essere da tali programmi salvata in formato PDF (nel qual caso, vedasi il punto 3 del presente vademecum), oppure, nelle versioni più recenti di Powerpoint (dal 2010 in poi) può essere salvata come filmato (Windows Media Video) e caricata con tutte le relative animazioni su YouTube (vedasi punto 4 del presente vademecum. Nel caso in cui non sia indispensabile conservare le animazioni e l eventuale colonna sonora della nostra presentazione, ma ci si voglia limitare ad un semplice avanzamento a comando delle diapositive, si ricorda che è altresì possibile caricarle su un sito appositamente concepito a tale fine, Slideshare. Per farlo, colleghiamoci al sito, digitando nella barra degli indirizzi www.slideshare.net e, una volta aperta la Homepage, effettuiamo il Login, immettendo Nome Utente e password (ovviamente, se non si risulta accreditati sul sito, è necessario eseguire l iscrizione, cliccando su Sign Up e compilando i campi contenuti nella finestra d iscrizione che compare ) (vd. Fig. 15, sotto) 1 2 3 Fig. 15
A questo punto, procediamo nel caricare su Slideshare la nostra presentazione, cliccando sul tasto arancione Upload, in alto a destra (Fig. 16), poi nuovamente sul tasto UPLOAD della schermata successiva (Fig. 17), quindi, dopo aver selezionato la presentazione desiderata sul nostro PC, clicchiamo su Apri (Fig. 18). Fig. 16 Fig. 17 Fig. 18
Una volta terminato l upload su Slideshare, possiamo visualizzare la nostra presentazione, cliccando sul link here (Vd. Fig. 19, sotto). Fig. 19 Cliccando sul tasto Share (vd. Fig. 20), comparirà una schermata con tutti i codici che normalmente consentono il link o l incorporazione della nostra presentazione al sito della scuola. Per incorporare la presentazione nel nostro sito scolastico, basterà copiare il codice embed ed incollarlo opportunamente sulla pagina che intendiamo pubblicare, analogamente a quanto previsto per il filmati (Vd, punto 4 della presente guida) Fig. 20
6. Pubblicazione ed eventuali modifiche Se la nostra pagina è completa, possiamo pubblicarla, cliccando su Salva, in fondo a sx: la nostra pagina verrà pubblicata. Figura 21 NB: Si ricorda che le pagine già pubblicate possono essere successivamente modificate, o eliminate, semplicemente cliccando sull ingranaggio che compare in alto a dx (Vd. Fig. 22, sotto) e cliccando sulle opzioni Modifica o Elimina. Fig. 22