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 2011-2012: 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 a ricevimento: non voglio che mi portiate progetti finiti che non abbia 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
Rita Ghezzi Psicologia e cartoni Disney OK OK APPROVATO!
Elena Ferrarello L'isteria nel pensiero di Freud OK OK APPROVATO!
Sara Botta, Valentina Bubba, Camilla Raffo Sportello d'aiuto psicologico OK OK APPROVATO!
Serena Brignoli Le illusioni ottiche OK OK APPROVATO!
Luca Battaglia, Francesca Vavassori, Daniela Villa Associazione Culturale Che Fai? OK OK APPROVATO!
Alessandra Ranghetti, Barbara Pesenti, Paola Taiocchi Riabilitazione Equestre OK OK APPROVATO!
Jennie Donà, Marco Luterotti, Laura Musolino La teoria dell'attaccamento OK OK APPROVATO!
Donatella Campana, Mara Torriani Prospettive, centro di psicologia e pedagogia OK OK APPROVATO!
Francesca Bergamelli, Serena Crotti, Igor Manenti, Davide Todeschini Comicità all'italiana OK OK APPROVATO!
Chiara Suardi, Laura Pizzacani Rain man OK OK APPROVATO!
Anissa Carcani, Eleonora Rota Clownterapia OK OK APPROVATO!
Cristina Battista, Corinne Martinelli, Ornella Miano, Benedetta Seccomandi L'isola che non c'è OK OK APPROVATO!
Giulia Marucchi, Miriam Motta, Marina Teli Ricette immorali OK OK APPROVATO!
Simona Galiani, Giada Roncalli Mutuo-Aiuto Studentesco: Psicologia Clinica Unibg OK OK APPROVATO!
Valentina Decio, Chiara Ferraroli, Alessandra Ferri Cupcake addiction OK OK
Valentina Cioffi, Valentina Licini, Stefania Ponzo Fiabe e Psicologia OK OK APPROVATO!
Irene Vescovi Casa vacanze Alice OK OK APPROVATO!
Cristina Zarbo Dipendenza da Internet OK OK APPROVATO!
Grazia Maria Nella Bertini, Fiorella Cossetto, Mara Stefanoni, Nicoletta Stucchi Associazione Vololibero OK OK APPROVATO!
Emanuele Testa Comunità di pratica      
Daniela Capelli Conosciamo i denti! OK OK APPROVATO!
Mara Marini, Elena Minelli, Mara Morabito Volley Adrara OK OK APPROVATO!
Chiara Benigna, Elisa Borsa, Ivana Sgro, Silvia Vanotti Sulle tracce di Julia OK OK APPROVATO!
Beatrice Bozzoni, Sara Colombi, Federica Rivolta Il Rorschach OK OK APPROVATO!
Manon Togni, Valeriana Stasi Agreo OK OK APPROVATO!
Chiara Cattaneo, Chiara Comi, Francesca Corti Disney Syndrome Mental OK OK APPROVATO!
Erika Pagani, Silvia Zuddas L'ipnosi in psicoterapia OK OK APPROVATO!
Elisa Marini, Simona Vasi Asilo nido Qui Quo Qua OK OK APPROVATO!
Chiara Marconi Foto di Chiara OK OK APPROVATO!
Patrizia Belotti, Zalea Baccanelli, Elena Baldassari The Rocky Horror Picture Show OK OK APPROVATO!
Laura Mossi Psicologia in pellicole OK OK APPROVATO!
Maria D'Ausilio, Dania Facchetti Bettie Page OK OK APPROVATO!
Simona Belingheri, Ilaria Biagioli, Lucia Nigro La depressione OK OK APPROVATO!
Federica Bezzi, Giulia Spinoni Accademia danza E-motion OK OK APPROVATO!
Jessica Arrigoni La relazione etica nei contesti di terapia intensiva OK OK APPROVATO!
Francesca Capelli, Loredana Spadafora Equipe OK OK APPROVATO!
Francesca Gaioni, Lorena Antonioli, Jessica Bendotti Studio associato GAB OK OK APPROVATO!
Matteo Signorelli, Jacopo Ferrari Trecate, Enrico Fumagalli Il Freudalesimo OK OK APPROVATO!
Giovanni Danesi, Paola De Simone, Mario Orefici YouPark BG OK OK APPROVATO!
Stefania Cozzolino New Volley Ripalta OK OK APPROVATO!
Astrid Dante Lo psicodramma OK OK APPROVATO!
Serena Crippa Sindrome di Asperger OK OK APPROVATO!
Monica Maini Fattoria Pachamama 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/1112_complementi/index.htm

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