UNIVERSITÀ DEGLI STUDI DI TRENTO · 2016. 3. 7. · UNIVERSITÀ DEGLI STUDI DI TRENTO FACOLTÀ DI INGEGNERIA WEB SITE DESIGN Giuseppe Chiasera 4 - Ogni categoria va adeguatamente

UNIVERSITÀ DEGLI STUDI DI TRENTO

FACOLTÀ DI INGEGNERIA

Web Site Design http://www.ing.unitn.it/

Mesiano

Settembre 1998 - Gennaio 1999

Autore

Giuseppe Chiasera

Committente

prof. Aronne Armanini

Preside della Facoltà di Ingegneria

http://www.ing.unitn.it/

UNIVERSITÀ DEGLI STUDI DI TRENTO FACOLTÀ DI INGEGNERIA WEB SITE DESIGN

Giuseppe Chiasera www.ing.unitn.it

2

INDICE

Introduzione

ANALISI

VERIFICHE

PROPOSTA

SINTESI

STRUTTURA DEL SITO

CALENDARIO

ATTIVITÀ

CONCLUSIONI

RINGRAZIAMENTI

Note dell'autore

L'impostazione risente delle esperienze che ho compiuto negli ultimi due anni, nello sviluppo del sito www.jus.unitn.it, della Facoltà di Giurisprudenza e del Dipartimento di Scienze Giuridiche nonché dei siti di interesse di Ateneo Semplificazione Amministrativa e Usi Civici. Non posso tralasciare dal ricordare le prime pagine messe in rete per l' Istituto di Chimica della Facoltà di Scienze a Povo, come primo approccio all'editoria su internet. L'esperienza è stata rafforzata dallo stage svolto presso il European Institute of Public Administration (EIPA) di Maastricht (NL), nell'ambito del progetto Leonardo da Vinci AT&Q, ove ho potuto realizzare il sito web www.eipa.nl Non di meno qualche elemento innovativo è stato apportato anche nella presente esperienza.

Contatto: e-mail: [email protected]

home page: http://www.jus.unitn.it/users/chiasera/

http://www.jus.unitn.it/

mailto:[email protected]

http://www.jus.unitn.it/users/chiasera/



3

Introduzione Dopo una prima parte di intenti, queste note sono realizzate come un diario per segnare le attività che hanno portato al rifacimento della struttura e alla prima implementazione dei contenuti del sito della Facoltà di Ingegneria dell'Università degli Studi di Trento. Le presenti note tendono a focalizzare il percorso necessario per impostare in modo razionale una struttura di sito. Su questo si potranno implementare le più avanzate tecniche di presentazione che lo stato dell'arte consente. La continua evoluzione dello strumento non deve scoraggiare le scelte ed è sottinteso il continuo sforzo per il suo mantenimento ed aggiornamento anche da un punto di vista tecnico e funzionale.

ANALISI del contenuto attuale del sito: http://www.ing.unitn.it/ - Necessità di analizzare l'attuale struttura ad albero, la sua articolazione e le necessità di ulteriore sviluppo nel medio periodo. - Come viene fornito attualmente il materiale da pubblicare su internet e con quale grado di coinvolgimento diretto delle segreterie per l'aggiornamento. In questa prima fase si cerca di recepire la tipologia di materiale che è per ora disponibile, le applicazioni interattive, i database e qualsiasi altro servizio. VERIFICHE: sono necessarie alcune scelte di fondo che caratterizzeranno l'intero sviluppo. - Tratti caratterizzanti la Facoltà di ingegneria, i suoi corsi di laurea e i dipartimenti (colore e font testo, sfondo, link, …) - Logo per l'immediata associazione visiva per rinforzare le scritte che in quanto tali non hanno altrettanto impatto visivo. - ha interesse la terminologia inglese (contesto internazionale)? - Pregiudizi sull'utilizzo dell'approccio a "frames" per il conseguimento delle funzionalità auspicabili? - In quante sezioni principali suddividere il sito? E quante altre (presumibilmente) in futuro? - Disponibilità ad adottare nomi delle directory che rendano autoesplicativa la sintassi dell'URL? - Gli enti a cui è riservato il sito sono tutti interessati all'integrazione ed al contributo per la disponibilità di servizi rivolti agli utenti esterni/interni e contribuire all'immagine complessiva? - Sono disponibili ad assumere direttamente l'onere dell'aggiornamento, segnalare le novità, … in pratica mantenere VIVO il sito? - Esigenze particolari … - 1. PROPOSTA: impostazione strutturata e ricorsiva delle directory

- Server UNIX o NT? Pro e contro. - Web server impostato per una pagina di default: home.html, index.html, default.html. - Individuazione degli enti principali: Faculty, Civile e ambientale, Materiali; Meccanica e Strutturale per facoltà e dipartimenti.



4

- Ogni categoria va adeguatamente articolata secondo la logica strutturata e ricorsiva anzidetta, l'aggiornamento dei contenuti diretto. - Si propone un approccio a "frames" con un numero non superiore a tre: menu principale o anchor menu, menu secondario e pagina principale. Il menu principale da' la "caratteristica" del sito che si sta visitando e permette salti incondizionati (richiamo al sito dell'università, al sito della facoltà e , se possibile, dei dipartimenti).Lo scopo è di evitare il disorientamento del visitatore, la facilità di navigazione senza dover necessariamente ricorrere alle funzionalità del browser. La facilità di navigazione è potenziata dal menu secondario con la possibilità di menu nidificati e navigabilità a ritroso. La pagina principale è il riquadro di maggiore ampiezza ed ha lo scopo di visualizzare i documenti richiamati dal menu secondario - Alcune categorie possono essere matenute a livello centrale (Services, Users, …) - Utilizzo di mappe ad albero per ogni sotto sezione del sito per favorire l'orientamento ed il reperimento delle informazioni. - Eventuale motore di ricerca. Dovrebbe essere di basso utilizzo se la struttura e la razionale distribuzione dei documenti viene mantenuta il più rigorosamente possibile. - Applicazioni interattive: Agenda, Iscrizione agli appelli d'esame, Iscrizioni varie, Compilazione dei piani di studio, ecc. -

2. SINTESI: - Realizzazione di un sito parallelo pronto ad entrare in linea non appena abbia raggiunto una consistenza adeguata. - Proposta della home page come vetrina per promuovere il sito ed il suo contenuto, l'attività dei diversi enti ed utenti, venire incontro agli interessi degli utenti interni/esterni nel campo dell'ingegneria e campi correlati. - Scopo: diventare un punto di riferimento per prontezza, autorevolezza e contenuto delle segnalazioni/promozioni proposte. -

Creare un buon sito può essere difficile, mantenerlo VIVO ed in continuo sviluppo è una opportunità per adeguare i servizi alle attese della propria utenza, promuovere la propria attività con visibilità INTERNET.

Trento, 6 ottobre 1998

PRIMI CONFRONTI Primi orientamenti emersi dal confronto con il responsabile del locale Centro di calcolo. L'esistenza in sede di un ALPHAServer con sistema operativo Digital UNIX con tutte le caratteristiche di sicurezza, prestazioni e ridondanza richiesta per i servizi in rete e le applicazioni WWW in particolare, fa ritenere ragionevole il mantenimento di un tale sistema. Si è rilevato che la necessità di interagire via ftp con il server, non rende di facile gestione remota l'aggiornamento on line delle pagine che debbono essere di maggiore immediatezza e demandate al controllo anche di operatori non esperti. Come impostazioni filosofica a regime il sito si presta per un aggiornamento diretto da parte dell'operatore che ha le informazioni di "prima mano" e per conto dell'ente per cui lavora.



5

L'immediatezza del mezzo esige che l'informazione sia di immediata fruibilità evitando passaggi burocratici che ne svilirebbero l'efficacia. Condivise, in linea di massima, le restanti proposte si procede alle decisioni-proposte iniziali.



6

PROPOSTE Fermo restando la visibilità e le funzionalità del sito attuale propongo di procedere con la creazione di un sito che soddisfi i seguenti criteri.

1) Adozione di home.html come nome di file di default; 2) Adottare una nomenclatura rigorosamente in minuscolo (files, directories, …) 3) Creazione di una struttura di directory ad albero con un ente su ogni ramo, organizzato a sua

volta ad albero e così via. I vantaggi sono: a) leggibilità e significato compiuto della URL; b) semplicità nella sua eventuale digitazione per es. http://www.ing.unitn.it/faculty/ per la facoltà di ingegneria http://www.ing.unitn.it/faculty/avvisi/ http://www.ing.unitn.it/faculty/corsi/ http://www.ing.unitn.it/faculty/corsi/a/ http://www.ing.unitn.it/faculty/corsi/b/ http://www.ing.unitn.it/faculty/guida/ … http://www.ing.unitn.it/dica/ per il dip di ing civile e ambientale http://www.ing.unitn.it/dim/ http://www.ing.unitn.it/dims/ http://www.ing.unitn.it/lc/ http://www.ing.unitn.it/services/ ovviamente non costruiremo tutto ora ma deve essere chiaro l'obiettivo. La semplicità di gestione e mantenimento è evidente. Il sito ne guadagnerà in omogeneità, cosa non possibile se si susseguiranno più persone senza un'idea (o persona) guida.

4) L'adozione dei frames per raggiungere l'effetto della navigabilità del sito ed evitare l'effetto di disorientamento. Sono di aiuto in questo contesto l'individuazione di più logo ed altri simboli per indurre l'associazione di idee.

5) Creare l'interesse che vada oltre la mera vetrina di guide o poco più. 6) La proposta di link, servizi e quant'altro per rendere le pagine di sede uno strumento di

promozione verso l'esterno ma anche un utile strumento di lavoro per l'attività di tutti i giorni (INTRANET).

7) … Richieste Contatori degli accessi alle varie sezioni del sito Doppio versione italiano/inglese Mantenere le immagini e duplicare i file di testo nella stessa directory e con il suffisso _uk

home_uk.html left_uk.html menu_uk.html …

http://home.html/

http://www.ing.unitn.it/faculty/













7

data la struttura non dovrebbe essere un problema la duplicazione dei file. Una bandierina a livello del menu potrebbe favorire il passaggio da una versione all'altra.



8

25 ottobre 1998 Messa in linea la seguente struttura di files: aiuto.html home.html left.html leftup.html map.html menu.html mesiano.html news.html /amm /moduli

frontcover.html home.html

info.html left.html

menu.html staff.html

/dica Bollettino/

convegni/ corsi/ images Images lab/ seminari/

Settimana/ frontcover.html

home.html info.html left.html

leftup.html map.html menu.html

/dim act/

convegni/ 1998/ glasses/ images/

lab/ org/ seminari/

http://home.html/

http://home.html/

http://home.html/



9

1998/ cost520/


info.html left.html


/dims images/ lab/ org/


info.html left.html


/faculty avvisi/ diplomi/ guida/ insegnamenti/

images/ lauree/ ic/

im/ it/ tesi/ statistiche/

home.html left.html

menu.html frontcover.html home.html

info.html left.html


/images /dot /lc

http://home.html/

http://home.html/

http://home.html/

http://home.html/



10

images/ servizi/

org/ risorse/ home.html left.html leftup.html menu.html

/research punto di partenza per la sezione Ricerca home.html

left.html menu.html

/services agenda/

info/ unitn/ jus/

home.html left.html menu.html

/users Professori ordinari Professori associati Ricercatori Dottorandi e collaboratori Studenti/ Festa Mesiano Personale amm.vo-tecnico armanini/ bursi/ buzzetti/ con rimando alla home page personale: http://www.ing.unitn.it/~buzzetti/ Wolf/ home.html left.html leftup.html menu.html

http://home.html/

http://home.html/

http://home.html/

http://home.html/



11

26 ottobre 1998 Oxycarboidate glasses - First annual meerting Con la creazione di tutta la struttura convegni/1998/glasses/

27 ottobre 1998 Riportate le pagine del Dims sotto la nuova modalità.

28 ottobre 1998 RESO VISIBILE IL NUOVO SITO Promozione fra le news della conferenza del Dim e dell'avviso a proposito del prof. Fabio Ferrari. Promozione Elezioni di Ateneo. Impostato services/unitn/

30 ottobre 1998 Impostato services/jus/ Impostato amm e amm/moduli Aggiustati i colori di news.html e leftup.html

2 novembre 1998 Sentito il prof. Buzzetti a proposito della sua home page (DICA), è interessato a sapere come organizzarla entro la nuova modalità. Visità a Mesiano, fatti i seguenti adattamenti: 1. CELLPADDING=2 in leftup.html per avere un lieve margine fra scritte e limite della cella, in

modo analogo in aiuto.html 2. Inserito il forward sul file Dpt_Mecc/welcome.html 3. Orario, programmi, esami spezzare in tre forse è meglio avere altrettante pagine HTML per

orari ed esami (già OK per i programmi presenti nelle Guida) 4. Agenda idem riportare a menu Visualizza, Inserisci, Rimuovi, … creata la cartella e il menu

dell'agenda in /services/agenda/ 5. richiesto qualcosa di equivalente per gli Avvisi ma molto più pratico. Lanciato services/firstmonday.html e predisposto services/unitn/unitn.html

4 novembre 1998 Ricevuto l'invito di Fabio Bernardi per l'incontro con altri utenti dei Dipartimenti di Ingegneria per mercoledì 11 novembre 1998 a Mesiano. Risposto con la disponibilità e chiesto chiarimenti sulle modalità.

5 novembre 1998



12

Comunicato a Paul dell'incontro di cui sopra. Telefonata di Paul alquanto allarmato e intenzionato a partecipare. Telefonata di Benciolini con e-mail circolare in cui si propone come coordinatore.

7 novembre 1998 Implementate icone del menu principale leftup.html Implementata buona parte del materiale Dica con un adattamento minimale, logo animato anche in leftup

8 novembre 1998 Lanciato laRepubblica UNIVERSITA'

9 novembre 1998 Impostazione

faculty/diploma faculty/lauree/ic faculty/lauree/im faculty/lauree/is

Pagine personali del prof. Buzzetti.

11 novembre 1998 Incontro con gli utenti dei dipartimenti di INGEGNERIA Introduzione di Benciolini che si pone come coordinatore, visto l'incarico dato dal preside e

viste le esigenze dei dipartimenti Mi viene passata la parola e in 15 minuti espongo la filosofia, la struttura e la proposta ricorsiva.

Entro a spiegare i motivi della scelta della consultabilità a frames. Ho sottomano una stampa dell'AIUTO in linea (che nessuno sembra aver visto) e la stampa della home page La risposta dei presenti e di assenso sull'esposizione e sulle finalità. Si passa su un giro di tavolo per le osservazioni critiche al lavoro che e' in linea da 15 giorni

SGLAVO (Dim): Denota la struttura bulgara della parte destra sotto le news, troppe voci suggerisce di

puntare su poche voci per non creare il senso di disorientamento sul visitatore. Simboli troppo piccoli per essere colti al volo. Evidenziare il peso delle diverse strutture con un loro adeguato risalto

BERNARDI (Dica): Questione lingua inglese, come si intende affrontarla; Consegna del materiale come e a chi viene fatta, aggiornamento;

(dott. alla mia destra) concorda sul problema dei troppi link proposti nella parte destra; visita di un tecnico; Tenere d'occhio la velocità di accesso via modem

BURSI (Dims) Fa notare la non congruenza fra il vecchio e il nuovo



13

Dare la possibilità di scaricare informazioni (Word, PDF, … BENCIOLINI propone le seguenti quattro categorie: PERSONALE (Utenti) DIDATTICA RICERCA SERVIZI Alla DIDATTICA dovrà corrispondere la Facoltà; Alla RICERCA dovranno corrispondere i dipartimenti con la loro articolazione interna PERSONALE (Utenti): a mo' di elenco telefonico, per un facile reperimento delle informazioni su docenti e altro personale. Prevedere l'ordine alfabetico generale semmai suddiviso per categorie e poi agli afferenti ai singoli enti. SERVIZI: tutto ciò che è di contorno WOLF: suggerisce di semplificare il menu, di togliere i logo inutili nella pagina NEWS. MAISTRELLI propone il MESIANINO in alto a sinistra (anche a spese del logo Università) cambio del colore rosso per i link da cliccare

Vediamo di venire incontro a queste esigenze.

14 novembre 1998 Impostata una nuova home page secondo i suggerimenti. Alle quattro categorie Didattica, Ricerca, Utenti, Servizi si sono associati dei pallini di colore diverso (i tre colori fondamentali più il giallo). Questi pallini, oltre che ad evidenziare l'associazione accostandoli al nome della categoria sulla home page, si riportano anche nel menu in alto a sinistra in modo che un click provochi il cambio della parte sinistra (left) dello schermo proponendo il logo e il menu della sezione prescelta. A tale scopo sono stati trovati ed adattati alcuni "dot" colorati, creata la directory /images/dot/. Per trattare la categoria Ricerca e' stata creata la cartella /research che contiene semplicemente un rimando ai dipartimenti. Per le altre categorie si utilizzano le strutture già esistenti: Didattica (/faculty), Utenti (/users) e Servizi (/services) Per Utenti si intendono: docenti home&email afferenza studenti … personale … Search su elenco telefonico Per Servizi si intendono: /amm /ing



14

… /lc /unitn

/jus

15 novembre 1998 Varata la nuova versione della home page di ingegneria.

16 novembre 1998 Primi riscontri positivi (Paul e Sglavo) con osservazioni costruttive.

17 novembre 1998 Impostazione home page in inglese:

home_uk.html left_uk.html leftup_uk.html menu_uk.html news_uk.html

20 novembre 1998

Aggiustamenti della home page in base alle seconde osservazioni di Sglavo. Aggiustamenti sulla grandezza delle immagini e disposizione testo attorno alle stesse.

21 novembre 1998 Materiale CCL ambiente e territorio (Tubino): predisposti i menu lauree/it/e i sottomenu tesi e statistiche. I link sono per il momento assoluti alle pagine del materiale originale (appena possibile se ne farà' una copia nella nuova struttura). Impostazione nuovo look della home page: senza colori sulle categorie ne nel menu, solo il giallino delle News.

24 novembre 1998 Osservazioni di Sglavo.

29 novembre 1998 Altre osservazioni di Sglavo. Remake del materiale del dim

30 novembre 1998 versione inglese dim; home Buzzetti; copiato materiale corso di laurea /it.

12 dicembre 1998

http://home.html/



15

home page full video.

19 dicembre 1998 Link materiale per il corso di laurea in ambiente e territorio.

27 dicembre 1998 Home page con javascripts.

31 dicembre 1998 Forward di tutti i dipartimenti sulla nuova struttura. Mappe delle diverse sezioni e aggiustamento di alcuni menu.

4 gennaio 1999 Facoltà: menu per i Corsi di Diploma.

5 gennaio 1999 Statistiche per l'accesso al sito, realizzate con accesswatch

9 gennaio 1999 Statistiche per l'accesso alle varie parti del sito; form mailto; search;

15 gennaio 1999 Statistiche per l'accesso e search in linea; /cgi-bin/search/ /cgi-bin/statistics/ /cgi-bin/mail/ services/search/ services/statistics/

16 gennaio 1999 Menu utility: statistiche, search; form (con problemi) webmaster_form.html, thank.html services/utility/ con menu con riferimento a Promemoria: Completare le statistiche per le diverse sezioni: ing, fac, ca, ma, ms, users, ~, services; Form e Mailto; Search



16

versione inglese osservazioni (terze, quarte) di Sglavo

Conclusioni Ringraziamenti Ringrazio il prof. Aronne Armanini preside della Facoltà di Ingegneria per l'opportunità, il prof. Giovanni Battista Benciolini per aver coordinato l'incontro con i rappresentanti dei dipartimenti. Il prof. Giorgio Wolf e il prof. Luciano Buzzetti per l'interesse ed i suggerimenti della prima ora Il dott. Alberto Bellin, il prof. Oreste Bursi, prof. Marco Tubino e il dott. Vincenzo M. Sglavo. Infine il dott. Paul Maistrelli, responsabile del laboratorio di calcolo, per le utili discussioni Claudio Casagranda per l'imputazione di gran parte del materiale, le procedure per l'interazione con il data base M-SQL e la pazienza mostrata nei miei confronti. Consigli Da parte di chi è stato tirato in mezzo e che ora lascia (invitato) senza sbattere la porta 1. Responsabile della struttura come punto di riferimento/stimolo 2. Coinvolgimento del personale sistemista, oltre che integrare le conoscenze cimenta lo spirito di

gruppo evita la personalizzazione, l'isolamento e l'eccessivo carico di responsabilità 3. Al pari della gestione delle e-mail studenti, del cambio toner delle stampanti, ecc. anche il

progetto sito web merita di essere portato avanti con slancio soprattutto nell'ottica di pagine interattive e con servizi agli utenti.



17

La pagina di Welcome della Facoltà di Ingegneria nel settembre 1998:

e la home page dal dicembre dello stesso anno:



18

La controcopertina:

e la promozione delle novità:

Documents

UNIVERSITÀ DEGLI STUDI DI TRENTO · 2016. 3. 7. · UNIVERSITÀ DEGLI STUDI DI TRENTO FACOLTÀ DI INGEGNERIA WEB SITE DESIGN Giuseppe Chiasera 4 - Ogni categoria va adeguatamente