Chiave 1 - Salta alla bacheca con avvisi vari oppure Chiave 2 - Salta al corpo della pagina

Logo Università di Bergamo - link alla pagina iniziale

: Univ. di Bergamo > Fac. di Scienze della formazione > Marco Lazzari > Complementi di informatica 2010-11 > Progetto

Aggiornamento:

Complementi di informatica 2010-2011: il progetto

Una volta definito l'argomento del lavoro (a scelta del gruppo), bisogna prima di tutto mostrarmi due documenti di pianificazione:

  1. rete dei collegamenti fra le pagine (o diagramma di collegamento); immaginando di aver progettato le pagine che mostro nell'esempio, una possibile rete è mostrata in figura;
  2. griglia delle pagine per illustrare la distribuzione degli oggetti all'interno delle pagine del sito (una o più griglie); ecco un esempio.

Una volta ottenuta l'approvazione dei documenti di progetto si può procedere con l'implementazione, che dovrà essere periodicamente discussa ai ricevimenti del professor Paolo Cazzaniga: non vogliamo che ci portiate progetti finiti che non abbiamo mai esaminato in corso d'opera.

Il progetto dovrà essere sviluppato rispettando i seguenti vincoli:

  1. linguaggio di sviluppo XHTML 1.0 Transitional - "a mano", ossia senza l'aiuto di ambienti autore come Dreamweaver, FrontPage e simili; bisogna validare il codice con il validatore del w3c
  2. sviluppo in una cartella con nome legato all'argomento (se arrivate, come spesso capita, con cartelle che si chiamano "progetto" oppure "pagine" oppure "complementi di informatica", ci fate perdere tempo e ci mancate di rispetto: ci vuole tanto a chiamare la cartella "zorro" se fate il sito di "Zorro"?!)
  3. nomi per file e cartelle in minuscolo
  4. nomi per file e cartelle senza uso del carattere spazio o di lettere accentate
  5. nomi per file e cartelle senza uso del carattere spazio o di lettere accentate (l'ho scritto due volte perché così magari ve ne ricordate)
  6. nomi per file e cartelle senza uso del carattere spazio o di lettere accentate (meglio abbondare)
  7. nome del file della pagina iniziale: index.htm
  8. uso dell'estensione htm per i file html e jpg per i file jpeg (questo non significa che non si possono usare i gif o i png, ma che se si usano i jpg scegliamo di usare l'estensione di tre lettere e non quella di quattro)
  9. redazione di almeno 9 pagine HTML
  10. collegamento alla pagina iniziale per tutte le sottopagine
  11. incorporazione di almeno 3 immagini locali (file nello stesso spazio disco delle pagine HTML)
  12. incorporazione di almeno 2 immagini remote (file che si trovano in altri siti web e che non avete scaricato sul vostro disco, ma verranno presi dal browser al momento dell'intepretazione della vostra pagine html)
  13. presenza della didascalia alt in tutte le immagini
  14. presenza della didascalia title in tutti i collegamenti
  15. presenza delle dichiarazioni di width e height in tutte le immagini (e NON usate width e height per ridimensionare le immagini: se avete una grande foto che volete far entrare in un piccolo spazio, usate un programma di grafica o il sito picnik per ottenere un'immagine più piccola e usate quella; e ascoltate la mia registrazione sul ridimensionamento delle immagini in Pluriversiradio; e leggete quello che ho scritto sul blog)
  16. collegamenti ad almeno 5 pagine web
  17. memorizzazione delle immagini in una sottocartella di quella principale
  18. uso di almeno un'altra sottocartella per le pagine (mi serve per obbligarvi a sperimentare i collegamenti fra cartelle e sottocartelle, quindi non serve a nulla che facciate una cartella pagine e ci mettiate tutte le pagine, perché tanto valeva lasciarle tutte nella cartella principale; mettetene un po' sopra e un po' sotto)
  19. possibilità di scaricamento di un documento in formato Word o Word compresso o pdf o mp3 a partire da una delle pagine HTML (con chiara indicazione per i lettori delle dimensoni del file da scaricare e del formato del file);
  20. uso degli stili CSS, con i seguenti requisiti minimi:
    1. uso in ogni pagina di almeno un foglio stile esterno (può essere lo stesso foglio per tutte le pagine, se ne può fare più di uno, nella stessa pagina se ne può eventualmente incorporare più di uno)
    2. definizione nel foglio stile esterno di body e di almeno tre marche significative
    3. definizione e uso di almeno due classi
    4. uso di almeno tre alterazioni in linea o in head dello stile esterno

VERIFICATE che il sito sia degnamente visualizzabile sui principali browser e con le più diffuse risoluzioni dello schermo.
Evitate di dire che a casa si vede bene ed è solo in laboratorio che non va: lo schermo 1024x768 è ancora diffuso e deve essere considerato!

Lavori in corso

Nella tabella sono riportati i nomi dei partecipanti ai vari gruppi di progetto, i temi da loro scelti e informazioni sull'avanzamento del progetto. Il progetto per un gruppo è da considerarsi finito quando nell'ultima casella della riga che lo riguarda compare la scritta approvato.

ATTENZIONE ALLA PRIVACY
Salvo esplicita dichiarazione contraria, mi sento autorizzato a inserire nella lista dei progetti i nomi dei partecipanti e le informazioni relative all'avanzamento del progetto; inoltre, al termine del lavoro mi riservo la possibilità di mettere in linea alcuni progetti campione; anche in questo caso l'adesione al progetto sottintende, salvo esplicita dichiarazione contraria, l'autorizzazione alla messa in linea del progetto stesso.
Se un progetto non viene pubblicato non significa che non è un progetto valido: per esempio, può darsi che sia di straordinaria qualità, ma non sia completo, perché sarebbe troppo oneroso riempirne tutte le pagine; in un caso del genere concordiamo di chiudere il progetto, però preferisco non metterlo in linea.
L'obiettivo del progetto è quello di imparare a 'fare web', dunque nelle pagine si potrà trovare materiale di riciclo: i titolari di eventuali diritti d'autore comprenderanno le esigenze della didattica.

Gruppo Titolo Rete Griglia Stato
Andrea Ferella Falda, Massimo Masserini, Valeria Tessa Sport e doping OK OK APPROVATO!
Lisa Guariglia [, Valeria Guida] Disturbi alimentari OK OK APPROVATO!
Rita Ghezzi Psicologia e cartoni Disney OK OK APPROVATO!
Serena Birolini, Paolo Ciotti, Alberto Bonardi Consultorio familiare OK OK APPROVATO!
Federica Biffignandi, Chiara Trapletti, Silviana Dessì Neuropsicologia OK OK APPROVATO!
Jessica Cottelli, Sara Biancucci, Ornella Prandini Il gioco d'azzardo patologico OK OK APPROVATO!
Marco Gargano, Silvia Gherardi, Chiara Penco Educazione sessuale nelle scuole medie inferiori OK OK APPROVATO!
Dafne Musitelli, Giulia La Porta, Monica Locatelli Il gioco triadico di Losanna OK OK APPROVATO!
Antonella Damiani, Maddalena Galbiati, Lara Oliverio I ragazzi e lo sport OK OK APPROVATO!
Roberta Signorelli, Delia Moraschini, Paolo Pressato Centro L'aiuto nell'incanto OK OK APPROVATO!
Marta Gurrieri, Elisa Pini, Ornella Frigoli Studio associato di psicologi OK OK APPROVATO!
Davide Pedercini, Laura Fenaroli L'abuso di alcol negli adolescenti OK OK APPROVATO!
Beatrice Catini, Christine Petzholtz, Federica Brembati, Maura Giuradeo Buone prassi in psichiatria OK OK APPROVATO!
Silvia Nessi, Marisa Pandolfi Centro Psicologico Dialego OK OK APPROVATO!
Francesca Lo Re, Stefania Bonardi, Erika Tomasoni DSM IV OK OK APPROVATO!
Alice Seminati, Giulia Bonfanti, Stefania Piazzini La devianza nell'adolescenza OK OK APPROVATO!
Laura Galbusera, Manola Gotti, Alessia Alò Help depressione OK OK APPROVATO!
Michela Elia, Giuseppina Savoldi, Eleonora Emide L'arte e la rosa: un percorso di parole e immagini OK OK APPROVATO!
Grazia Beretta, Paola Cattivelli, Claudia Bassanelli Lo psicodramma OK OK APPROVATO!
Chiara Rota, Chiara Gabrieli, Andrea Gervasoni Autismo OK OK APPROVATO!
Giorgio Franzosi, Silvia Bettinelli, Danila Guerini, Tanya Lecchi Centro educativo "La tartaruga" OK OK APPROVATO!
Nathalie Novembrini, Elena Perola, Ilaria Putti, Pamela Roberta Ventura Associazione culturale Telos OK OK APPROVATO!
Martina Francesca Mapelli, Arianna Barazzetti La cromoterapia OK OK APPROVATO!
Serena Gambin, Chiara Paganini Altruistic attraction OK OK APPROVATO!
Claudia Passanante Ippoterapia OK OK APPROVATO!
Enea Cattaneo, Silvia Sana Attacchi di panico OK OK APPROVATO!
Monica Pesenti, Mike Schena Ken il guerriero OK OK APPROVATO!
Sara Manenti Bullismo OK OK APPROVATO!
Gaia Casanova Moro, Elisabetta Bonalumi Psicologia della salute OK OK APPROVATO!
Eleonora Florio Artigel OK OK APPROVATO!
Patrizio Peterlini Arte e psicanalisi OK OK APPROVATO!
Francesca Maioli Exodus OK OK APPROVATO!
Gloria Mazzoleni Delfinoterapia OK OK APPROVATO!

ALTRE PAGINE

HOME del corso.

Spazio di e-learning: materiali, esempi, esercizi.


Marco Lazzari, progetto di Complementi di informatica, http://www.unibg.it/lazzari/1011_complementi/index.htm

UNIVERSITÀ DEGLI STUDI DI BERGAMO - Via Salvecchio, 19 - 24129 Bergamo