Sei sulla pagina 1di 14




DokuWiki è un wiki semplice da utilizzare:
Il suo obiettivo principale è la creazione di
Silvia Mirri, 12.05.11 documenti on line.
E’ stato pensato appositamente per team, gruppi
di lavoro e piccole industrie e società.
Permette la creazione di testi strutturati che
possono essere letti dall’esterno .
Tutti i contenuti sono memorizzati in formato
testo.
Non fa utilizzo di data base ma registra
le informazioni in semplici file.

 

 Wiki significa “veloce” in Havaiano e il suo scopo Realizziamo una semplice pagina personale
primario è proprio quello di consentire di creare composta da:
contenuti Web in modo semplice e veloce.
Testi
 Il creatore del prompt Wiki (Ward) lo definì come Immagini
“The simplest online database that could possibly
Link
work”
 Mette a disposizione una interfaccia di
inserimento contenuti intuitiva che prescinde dalle
competenze sull’HTML (e offre un linguaggio
semplificato).

1
 

 Prima diamo introduciamo l’interfaccia nel suo


complesso e capiamo le principali funzioni.
 Poi step by step:
Creiamo la pagina
Scriviamo il testo
Lo formattiamo
Inseriamo le immagini
Mettiamo i link
 Per ogni passo vedremo sia come si fa attraverso
l’interfaccia grafica, sia il markup
che usa il Wiki.

 

 La finestra principale può apparire in modi


differenti, poichè che il suo aspetto è configurabile
attraverso l’uso di template.
 Con template si indica un meccanismo che
permette di applicare lo stesso “tema grafico” a
tutte le pagine di un sito e che può essere
realizzato attraverso differenti tecnologie.
 Noi utilizzeremo il template di default di DokuWiki
ma esistono anche altri template disponibili.

2
 

 Crea questa pagina. Permette di creare contenuto


In alto a sinistra della pagina si trova il titolo per la pagina corrente
della pagina corrente.  Revisioni precedenti. Quando un utente modifica
o aggiunge contenuto ad una pagina, DokuWiki
In alto a destra si trova l’indicazione della mantiene le vecchie versioni
versione installata del Wiki.  Ultime modifiche. Permette di visualizzare la lista
delle pagine che sono state recentemente
Nella riga sottostante vi sono alcuni bottoni. modificate
 Cerca. Permette di cercare parole chiave nelle
pagine del Wiki

 

Al di sotto della parte centrale della finestra


(dedicata al contenuto vero e proprio)
Al di sotto del titolo e dei bottoni vi è una troviamo altri bottoni:
etichetta “Traccia”. Crea questa pagina.
Man mano che si procede nella visita delle Revisioni precedenti.
pagine del Wiki di seguito a questa etichetta Indice. Si tratta di un collegamento ad una pagine
vengono visualizzati i titoli delle pagine che ripropone l’indice delle pagine attualmente
presenti nel Wiki
appena visitate
Torna su. Permette di riposizionarsi
nuovamente ad inizio pagina

3
 

 Quando una pagina viene modificata e l’utente


salva le modifiche apportate, il contenuto
 Cliccando il bottone “Crea pagina” è possibile precedente al salvataggio non viene perso, ma
inserire contenuto nella pagina attualmente vuota. viene salvato come una vecchia versione della
pagina.
 Questo cambia la visualizzazione della pagina e
permette di cambiarne il contenuto, utilizzando un  E’ possibile recuperare le versioni passate
editor ad hoc. attraverso il bottone “Revisioni precedenti”.
 Una volta cliccato il bottone viene visualizzato il
codice sorgente della pagina corrente.

 

Collegatevi a questo sito:  Nella home page del nostro wiki c’e’ l’elenco delle
vostre pagine personali, in corrispondenza del
http://www.criad.unibo.it/mirrisil/dokuwiki/do vostro nome.
ku.php  Se cliccate sulla pagina, il sistema vi dice che non
Usate come credenziali: esiste ma non vi permette di crearla.
Login: ServiziWeb  Queste pagine sono sprovviste del bottone “Crea
Password: masterGRU
pagina” e al suo posto si trova il bottone “Mostra
sorgente”
In questo wiki creeremo:  Questo perché ancora non ci siamo autenticati
il vostro CV come utenti del Wiki, anche perché ancora
la tesina. non siamo utenti del Wiki!

4
 

 
Ciao, Paola Salomoni!

Questi sono i tuoi dati di accesso per Servizi Web


e Tecnologie Multimediali su
http://www.criad.unibo.it/mirrisil/dokuwiki/

Nome utente : paola2


Password : banvoh93

--
Questa e-mail è stata generata da DokuWiki su
http://www.criad.unibo.it/mirrisil/dokuwiki/

5
 

Ora ciascuno crea


la sua pagina,
cliccando sul
proprio nome nella
lista che si trova
nella home

 

 Le pagine Wiki sono scritte in un formato testuale


utilizzando una sintassi semplificata (rispetto ad HTML e
altri linguaggi di markup).
 Questo permette di strutturare e formattare la pagina, pur
mantenendo una buona leggibilità della pagina sorgente.
 Cliccando il bottone “Crea pagina” viene visualizzato il
codice sorgente della pagina stessa all’interno della
finestra di editing.
 All’interno di questa finestra è possibile:
aggiungere e/o modificare il contenuto esistente.
aggiungere e/o modificare la formattazione.

6
 

 In alto vi è una toolbar con i bottoni relativi agli


strumenti di formattazione e strutturazione del testo
più comuni e più utilizzati.
 Al di sotto della toolbar si trova la principale area di
editing e in questa viene editata il sorgente della
pagina.
 Ancora sotto vi sono i bottoni relativi alle seguenti
funzionalità:
Salvataggio
Preview
Cancellazione
 Accanto a questi vi è un campo per l’inseri-
mento di un summary.

 

 Le due frecce sulla destra possono essere  Come primo passo, scriviamo il testo della
utilizzate per modificare la dimensione del testo nostra pagina personale (copiando e incollando dal
sul monitor (quindi per l’utente che sta inserendo CV)
il testo nella finestra di editing, ma non avranno  DokuWiki supporta un semplice linguaggio di
effetto sul risultato finale). markup, il cui obiettivo è quello di fare in modo che il
codice sorgente sia il più leggibile possibile
 La dimensione selezionata viene memorizzata in
 Iniziamo oggi con la sintassi ma Silvia continuerà a
modo tale da essere mantenuta anche nel corso
presentarla nel corso di prossime lezioni.
delle visite successive.
 I bottoni che si trovano nella toolbar permettono di
 Il bottone Preview mostra come il testo che si sta applicare alcune formattazioni al testo che si sta
editando verrà visualizzato, per poter controllare editando nella relativa finestra di editing.
l’effettiva resa del proprio lavoro prima
 Formattiamo la pagina.
di salvarlo.

7
 

 Grassetto (Bold):  Monospazio (Monospaced):


il codice sorgente corrispondente è il codice sorgente corrispondente è
**Grassetto** (**Bold**) ‘’Monospazio’’ (‘’Monospaced’’)
 Corsivo (Italic):  Combinazione1 (Combination1):
il codice sorgente corrispondente è il codice sorgente corrispondente è
//Corsivo// (//Italic//) **//Combinazione1//** (**//Combination1//**)
 Sottolineato (Underlined):  Combinazione2 (Combination2):
il codice sorgente corrispondente è il codice sorgente corrispondente è
__Sottolineato__ (__Underlined__) **//__Combinazioni__//**
(**//__Combination__//**)

 

 Pedice (subscript):  I paragrafi sono creati inserendo delle linee vuote


il codice sorgente corrispondente è nel testo.
<sub>Pedice</sub> (<sub>subscript</sub>)
 Se si desidera forzare una andata a capo senza
 Apice (superscript):
però creare un nuovo paragrafo è necessario
il codice sorgente corrispondente è inserire nel punto corrispondente due backslash
<sup>Apice</sup> (<sup>superscript</sup>) (\\) seguite da uno spazio vuoto oppure dalla fine
 Cancellato (Deleted): della riga.
il codice sorgente corrispondente è
<del>Cancellato</del> (<del>deleted</del>)

8
 
“Questo è un testo con alcune andate a capo
 Dokuwiki permette di inserire nelle pagine del wiki
Nota che le backslash sono riconosciute solo alla fine
della linea liste:
oppure se sono seguite da uno spazio vuoto Puntate
ad esempio in questo \\caso non vi è alcuna andata a Ordinate
capo”
 Inoltre possono essere aggiunte all’interno delle
Il relativo codice sorgente è: liste anche altre sottoliste (liste annidate)
Questo è un testo con alcune andate a capo\\ Nota che
le backslash sono riconosciute solo alla fine della linea\\
oppure se sono seguite da uno spazio vuoto \\ ad
esempio in questo \\caso non vi è alcuna andata a capo

 

 Per inserire liste puntate viene utilizzato il  Per inserire liste puntate viene utilizzato il
simbolo * prima di ogni item: simbolo - prima di ogni item:

* Primo item - Primo item


* Secondo item - Secondo item
* Terzo item - Terzo item

9
 

 E’ possibile utilizzare le liste annidate utilizzando  Con DokuWiki si possono usare 5 differenti livelli di
intestazione per realizzare le sezioni e per strutturare il
semplicemente le indentazioni: contenuto
- Primo item  ====== Intestazione livello 1 ======
 ===== Intestazione livello 2 =====
- Secondo item  ==== Intestazione livello 3 ====
- primo item della lista annidata  === Intestazione livello 4 ===
- secondo item della lista annidata  == Intestazione livello 5 ==

- Terzo item  Quando in una pagina vengono utilizzati più di 3 livelli di


intestazione allora una tabella del contenuto viene
generata automaticamente
 Inserendo 4 o più trattini (----) viene inserita in automatico
nella pagina una linea orizzontale

 

A questo punto possiamo aggiungere  I link esterni sono riconosciuti in modo automatico
Link:  Ad esempio:
Esterni: a siti che ci interessano http://www.google.com
www.google.com
Interni: alle pagine degli altri, alla home
 E’ possibile associare una parola o una frase che
page
fungano da collegamento verso un link esterno:
A documenti o altri elementi che Questo è un link al sito di Google.
dobbiamo prima uploadare. Il sistema di  Sono riconosciuti in modo automatico anche gli
upload è lo stesso delle immagini per indirizzi mail: mailto:mirri@cs.unibo.it
cui rimandiamo questa ultima
attività.

10
  

 http://www.google.com  I link interni sono creati utilizzando le doppie


 www.google.com parentesi quadrate
[[nomepagina]]
 [[http://www.google.com|Questo è un link al sito di
Google]]  E’ possibile usare il nome della pagina e
 mirri@cs.unibo.it aggiungere un titolo testuale per il link
[[nomepagina|Titolo testuale del link]]
 [[mirri@cs.unibo.it|indirizzo mail di Silvia Mirri]]

  

 Per i nomi delle pagine non è possibile usare  Inserendo in una pagina un link ad una pagina
caratteri speciali (ad esempio “&”) non esistente è possibile creare quest’ultima
 I nomi delle pagine vengono in automatico come una nuova pagina
considerati come se fossero tutti minuscoli  I link alle pagine già esistenti sono mostrati in
 E’ possibile linkare anche una specifica sezione modo differente (colore verde) rispetto ai link a
all’interno di una pagina, invece che la pagina nel pagine non ancora esistenti (colore rosso).
suo complesso
[[nomepagina#sezione|Link alla sezione di una pagina]]

11
 

La foto è una immagine che possiamo  E’ possibile includere nelle pagine del Wiki
inserire attraverso la toolbar. immagini interne oppure esterne utilizzando le
parentesi graffe.
Dobbiamo eseguire due attività: {{wiki:dokuwiki-128.png}} (immagine interna)
Caricare l’immagine. {{http://de3.php.net/images/php.gif}} (immagine esterna)
Inserire il markup appropriate.
Con il markup specificheremo due attributi:  Le immagini interne vanno prima caricate ed è
L’alternativo testuale. possibile farlo attraverso la barra degli strumenti.
L’allineamento.

 

Cliccare sul file da caricare!

12
 

 E’ possibile specificare le dimensioni


dell’immagine:
Impostare la larghezza (vengono comunque mantenute le
proporzioni iniziali): {{wiki:dokuwiki-128.png?50}}
Impostare sia la larghezza che l’altezza: {{wiki:dokuwiki-
128.png?200x50}}
Impostare le dmensioni di una immagine esterna:
{{http://de3.php.net/images/php.gif?200x50}}

 

 E’ possibile specificare l’allineamento delle  La stessa sintassi che viene usata per le
immagini utilizzando degli spazi vuoti: immagini, permette l’inserimento nelle pagine del
Allineamento a destra: {{ wiki:dokuwiki-128.png}} wiki di link a file (sia interni che esterni) di tipo
Allineamento a sinistra: {{wiki:dokuwiki-128.png }} differente rispetto a quelli delle immagini (gif, jpeg,
Allineamento al centro: {{ wiki:dokuwiki-128.png }} png).
 E’ possibile inserire un alternativo testuale  Attraverso quel link è possibile aprire oppure
all’immagine che viene visualizzato come un scaricare il relativo file.
tooltip:
{{ wiki:dokuwiki-128.png |Questo è l’alternativo testuale}}

13
 

 DokuWiki converte le Dokuwiki:


specifiche stringhe http://wiki.splitbrain.org/wiki:dokuwiki
emoticon nelle Manuale in italiano di DokuWiki:
corrispondenti icone http://www.vocescuola.it/tag/organizzazione
Altri Wiki:
Twiki: http://twiki.org/
TikiWiki: http://tikiwiki.org/
FIRSTwiki:
http://firstwiki.org/index.php/Main_Page



Wikipedia:
http://it.wikipedia.org/wiki/Wikipedia
Wiktionary: http://www.wiktionary.org/
Wikibooks:
http://en.wikibooks.org/wiki/Wikibooks_porta
l
Wikinews: http://www.wikinews.org/
…

14