Sviluppo Sito Web con Drupal

TEAM

In questa pagina vengono mostrati tutti i componenti del Polimarche

Racing Team.

L’elenco dei componenti è stato realizzato con una tabella suddivisa in 2

colonne: nella prima sono inseriti i reparti o i ruoli ricoperti, nella seconda

sono presenti i nomi dei rispettivi componenti .

Per ogni componente del team è stato inserito un collegamento ad una

finestra popup dove viene visualizzata una card che mostra i vari dati

anagrafici e scolastici correlati di foto.

Questo collegamento è stato realizzato direttamente dall’editor (modulo di

Drupal CKEditor) che permette l’inserimento di diversi tipi di

collegamenti (finestre popup, apertura nuova finestra, finestre dipendenti,

ancora alla pagina, etc); una volta creato il collegamento come finestra e

impostata la dimensione della stessa (550x300 px), è stato necessario

collegare ogni nome alla corrispettiva card, realizzata in un file jpeg o jpg,

presente nella cartella apposita denominata Card all’interno del server. 23

24

Esempio di file presente nella finestra

che appare al click su un nome in azzurro (ancora) 25

LOGIN

In questa pagina viene mostrata la form per l’autenticazione.

La pagina è raggiungibile cliccando sul collegamento LOGIN posto nel

footer superiore.

I dati di accesso da inserire sono gli stessi utilizzati per l’Area Riservata

dell’Università.

L’inserimento dei dati però non permette subito l’accesso ai vari privilegi

dovuti agli utenti autenticati, infatti per essere riconosciuti come tali è

necessario che l’amministratore accetti e modifichi i privilegi.

Una volta effettuato l’accesso, cliccando su Login è possibile vedere il

profilo utente dove viene evidenziato il tempo trascorso dal suo primo

accesso al sito.

Le tipologie di utente sono:

(Accesso completo a tutte le funzioni)

Amministratore

(io)

Advanced

(utente autorizzato)

Publisher

(visitatore del sito internet)

Anonimo

Nelle pagine seguenti, verranno esposti in maniera dettagliata i vari

permessi degli utenti. 26

AMMINISTRATORE

PERMESSO ADVANCED PUBLISHER ANONIMO

X X

Administer Advanced Forum X X X

View Advanced Forum statistics X X X

View last edited notice X X

Amministra blocchi X X X

Amministra commenti e impostazioni commenti X X X

Visualizza commenti X X X

Pubblica commenti X X X

Salva l’approvazione dei commenti X X X

Modifica i propri commenti X X

Amministra i moduli e le impostazioni del modulo di contatto X X

Usa il modulo di contatto del sito X X X

Usa i moduli di contatto personali degli utenti X

Grant content access X

Grant own contetn access X X X

Traduci contenuto X X X

Utilizza i link contestuali X X X

Visualizza la dashboard di amministrazione X X

Administer date tools X X

Administer dynamic display blocks X X X

View dynamic display blocks X

X X

Aminister event status X X

Administer event status X X

Administer event color X X

Administer features X X

Manage features X X

Administer feeds X X

Administer field permissions X X

Access other user’s private fields X X

Amministra i formati del testo e i filtri X X X

Usa il formato del testo FULL HTML e FILTERED HTML X

X X

Usa il formato del testo PHP CODE X X X

Amministra i forum X X X

Amministra stili immagini X X X

Administer JW Player presets X X

Amministra lingue X X X

Traduci testo interfaccia X

Administer media X

Import media files from the local filesystem X X X

View media X

X

Edit media X

Add media from remote services (Youtube,etc) X X X

Amministra i menù e le voci dei menù X

Aggira il controllo di accesso ai contenuti X X

Amministra i tipi di contenuto e contenuti X X X

Accede al riepilogo dei contenuti del sito X X X

Visualizza contenuti pubblicati X

X X X

Visualizza i propri contenuti non pubblicati X X X

Visualizza e ripristina revisioni X X

Elimina revisioni X X X

Articolo del blog: Crea nuovo contenuto 27

AMMINISTRATORE

PERMESSO ADVANCED PUBLISHER ANONIMO

X X X

Articolo del blog: Modifica tutti i contenuti X X X

Articolo del blog: Elimina i propri contenuti X X

Articolo del blog: Elimina qualsiasi contenuto X X X

Argomento di discussione del forum: Crea nuovo contenuto X X X

Argomento di discussione del forum: Modifica tutti i contenuti X X X

Argomento di discussione del forum: Elimina i propri contenuti X X

Argomento di discussione del forum: Elimina qualsiasi contenuto X X X

Eventi: Crea nuovo contenuto X X X

Eventi: Modifica tutti i contenuti X X X

Eventi: Elimina i propri contenuti X X

Eventi: Elimina qualsiasi contenuto X X X

Basic Page: Crea nuovo contenuto X X X

Basic Page: Modifica tutti i contenuti X X X

Basic Page: Elimina i propri contenuti X X

Basic Page: Elimina qualsiasi contenuto X X X

Album: Crea nuovo contenuto X X X

Album: Modifica tutti i contenuti X X X

Album: Elimina i propri contenuti X X

Album: Elimina qualsiasi contenuto X X X

Sponsor: Crea nuovo contenuto X X X

Sponsor: Modifica tutti i contenuti X X X

Sponsor: Elimina i propri contenuti X X

Sponsor: Elimina qualsiasi contenuto X X X

Accede all’overlay di amministrazione X X

Usa PHP per le impostazioni X X

Administer Page style X X X

Access Page Style content X

X X

Amministra gli alias URL X X X

Crea e modifica alias URL X X

Administer pathauto X X

Notify of Path Changes X

Administer rule configurations X

Bypass Rules access control X

Access the Rules debug log X X X

Amministra la ricerca X X X

Usa la ricerca X

X X X

Usa la ricerca avanzata X X

Amministra le scorciatoie X X

Modifica il gruppo di scorciatoie attivo X X

Seleziona qualsiasi gruppo di scorciatoie X X X

View published site map X X

Translate user-defined strings X X

Translate admin strings X X

Amministra moduli e temi X X

Amministra la configurazione del sito X

Amministra aggiornamenti software X X

Amministra azioni X X

Utilizza le pagine e gli aiuti per amministrazione X X

Usa il sito quando è in manutenzione X X X

Visualizza il tema di amministrazione 28

AMMINISTRATORE

PERMESSO ADVANCED PUBLISHER ANONIMO

X X

Visualizza i resoconti del sito X

Blocca indirizzi IP X X

Amministra vocabolari e termini X X

Modifica ed elimina termini in Forum X X

Modifica ed elimina termini in Tags X X

Modifica ed elimina termini in Event Status X X

Administer Text Size X X X X

Access Text Size content X X X

Usa la barra di amministrazione X X

Amministra permessi ed utenti X X

Visualizza profili utente X

Cambia il proprio nome utente X

Cancella il proprio profilo X

Bypass video conversion X

Convert video on submit X

Change default player dimension X

Use default thumbnail X

Requeue video X

Administer video presets X X

Administer views X

Bypass views access control X X X

Use elFinder file manager X X

Administer file manager X X X

Create new directories and files X X X

Rename file and directories X X X

File uploads X X X

Paste from clipboard X X

Delete files and directories X X X

Duplicate and edit files X X X

Add files to archive X X X

Extract files from archive X X X

Resize images 29

Form per il login 30

FORUM

In questa pagina viene mostrato un forum privato ma visibile a tutti, anche

all’utente Anonimo.

Per poter inserire commenti o argomenti all’interno del forum, è

necessario accedere all’area riservata.

Il forum è stato suddiviso in argomenti: Motore, Elettronica, Trasmissione,

Dinamica del Veicolo, Carrozzeria, Telaio. Questi sono gli stessi campi

presenti nelle caratteristiche della macchina nella pagina CAR.

Forum

Il forum è stato creato utilizzando il modulo apposito di Drupal, ma

Advanced Forum

è stato installato anche un ulteriore modulo denominato

che permette la gestione di ulteriori specifiche come lo stile grafico.

Lo stile adottato è Cloudless Day e non è stata impostata nessuna

immagine predefinita per l’utente.

Quando un utente autenticato inserisce un nuovo elemento (contenuto del

forum o commento di risposta), viene visualizzata a lato la sua matricola

identificativa.

L’elemento inserito contiene i seguenti campi: Titolo, Contenuto,

Ogni elemento può essere commentato, solo dagli utenti

Autore.

autenticati, utilizzando l’apposito campo di testo posto sotto di esso.

Alla pagina principale del forum, dove si trovano gli argomenti, è visibile il

numero di argomenti e messaggi presenti in ognuno di esso. Inoltre è

visibile anche l’ultimo contenuto inserito correlato della matricola

dell’autore per una rapida ricerca .

Elementi inserito con matricola a lato 31

Pagina Forum con

elenco degli argomenti 32

WIDGETS

Questa parte del sito presenta quelli che

sono i widgets utilizzati nel sito.

Nel contesto, i widgets utilizzati

all’interno del sito, rappresentano tutti i

blocchi di Drupal inseriti nella 2°

colonna del corpo centrale. La parte

dove sono stati inseriti i widgets viene

chiamata ,all’interno del tema utilizzato,

Sidebar First che rappresenta la barra dei

collegamenti.

I widgets presenti nella colonna sono:

- (blocchetto dove viene

Youtube

visualizzato un video presente nel canale

youtube del team)

- (blocchetto dove vengono

Iscrizioni

visualizzate le iscrizioni alle gare

effettuate dal team)

- (blocchetto che rappresenta la

Eventi

vista sviluppata nella pagina Eventi, che

mostra un numero fissato di eventi o

news emessi dal team)

- (blocchetto che

Competizione

presenta un collegamento alla pagina

Formula SAE, raggiungibile anche con

il collegamento nel footer)

- (blocchetto dove sono inseriti i

Social

collegamenti alle pagine social del team) 33

FOOTER

Questa parte del sito presenta quelli che sono gli elementi che

costituiscono la parte finale delle pagine: i Footer.

Come detto precedentemente, i footer sono 2: quello degli sponsor e quello

delle info con varie ancore.

Nel primo footer di colore blu sono presenti gli sponsor principali del

team.

Nel secondo footer di colore nero sono presenti le info dell’Università

(indirizzo e contatti) e varie ancore di 2 tipologie: ancore a pagine esterne

e Univpm.it)

(Ingegneria.univpm.it e ancora a pagine interne al sito

Sae, Privacy, Contatti, Login).

(Formula

Nel primo footer è stato inserito un blocco di Sponsor (tipo di contenuti).

I dati presenti nel secondo sono stati inseriti direttamente nel codice

page.tpl page--front.tpl