 |
Marco FURINI
Professore Ordinario
Dipartimento di Comunicazione ed Economia
|
Insegnamento: Fondamenti di informatica
Analisi dei dati per l'impresa e la finanza (Offerta formativa 2022)
Obiettivi formativi
Il corso è finalizzato a fornire le conoscenze base di HTML, CSS e Javascript per la comprensione della struttura e funzionamento di un sito web.
In particolare i temi affrontati verteranno su:
- concetto di sito web, pagina web, ipertesto, browser
- struttura e principali tag del linguaggio mark-up HTML e HTML5
- link e struttura di una directory
- principali regole CSS
- gestione colori, font, box
- flexbox e responsive design
- ruolo e funzione del linguaggio Javascript
- rudimenti di programmazione Javascript
- integrazione tra HTML, CSS e JS
- browser e l’oggetto window eventi
- chiamate HTTPS e JSON
Prerequisiti
Nessuno. E’ comunque auspicabile avere un minimo di conoscenza dei termini usati comunemente in informatica.
Programma del corso
Il corso fornisce le competenze basilari ed essenziali per la realizzazione di una pagina o applicazione web tramite:
- utilizzo del linguaggio HTML (e il suo nuovo standard HTML5),
- fogli di stile CSS3 per la gestione del layout
- Javascript per rendere la pagina dinamica, integrando nel sito chiamate HTTPS e manipolandone il JSON di risposta.
Contenuti del corso:
- HTML + CSS (16 ore, 2 CFU)
- Javascript (16 ore, 2 CFU)
- Seminari (8 ore, 1 CFU)
- Progetto (8 ore, 1 CFU)
La scansione dei contenuti per CFU è da intendere come puramente indicativa. Essa può infatti subire modifiche nel corso dell’insegnamento alla luce dei feedback degli studenti e delle studentesse.
Metodi didattici
Il corso si svolge in modalità sincrona e prevede sessioni in presenza (registrate) con esercitazioni di laboratorio.
La frequenza non è obbligatoria.
Il corso si svolge in lingua italiana.
Completeranno la struttura del corso alcuni seminari che vedranno anche il coinvolgimento di relatori esterni.
Testi di riferimento
Non è necessario acquisire un testo specifico, i docenti forniranno tutto il materiale necessario e le indicazioni per reperire ulteriore materiale in rete.
Tuttavia per chi volesse approfondire e per chi volesse avere dei testi di riferimento consigliamo:
- Ducket J., “HTML & CSS Design and Build Websites”
- Ducket J., “Javascript & JQuery Interactive front-end web develpment”
Verifica dell'apprendimento
La verifica dell'apprendimento avverrà tramite due prove distinte: una prova “teorica” (test a risposta chiusa) e un progetto da realizzare anticipatamente alla prova teorica.
La prova teorica è composta da un questionario con 30 domande a risposta chiusa. Durante l’esame di teoria è consentito consultare appunti o altro materiale.
Per accedere all’esame di teoria è obbligatorio consegnare precedentemente (su piattaforma moodle) un progetto di gruppo di una web page dinamica che contenga:
- una header e un footer,
- una sezione di presentazione dei componenti del gruppo
- una sezione di previsioni del tempo relativa ad una città a scelta.
I gruppi potranno essere fino a quattro (4) studenti.
La prova teorica andrà a valutare le conoscenze acquisite mentre il progetto consentirà di mettere in pratica le competenze.
Progetto e questionario rappresentano un’unica prova d’esame.
Il progetto consente di totalizzare da 0 (prova svolta, ma con errori che impediscono il corretto funzionamento della pagina) ad un massimo di 2 punti (prova eseguita perfettamente).
Il progetto sarà considerato inadeguato qualora non venga svolto, non sia coerente con la traccia assegnata, sia incompleto per più del 50% della traccia o risulti copiato da quello di un altro gruppo. In questo caso, non sarà dato accesso alla prova di teoria e lo studente potrà ritentare nell’appello successivo.
L’esame si intende superato se lo studente acquisisce almeno 18/30 come valutazione complessiva.
Gli appelli d'esame sono previsti alla fine del corso nella misura di sei per ogni annualità.
Risultati attesi
Alla fine del corso lo studente dovrebbe essere in grado di:
- Comprendere e saper utilizzare i principali tag HTML e HTML5
- Comprendere e saper utilizzare le tecniche di base per l’Accessibilità
- Comprendere e saper utilizzare il CSS
- Comprendere e saper utilizzare le immagini sulle pagine HTML
- Comprendere e saper utilizzare i video sulle pagine HTML
- Comprendere e saper utilizzare flexbox
- Comprendere e saper utilizzare le media query
- Comprendere il concetto di script
- Comprendere contesto e utilizzo del linguaggio di programmazione Javascript
- Comprendere e saper utilizzare i rudimenti di programmazione Javascript
- Comprendere il concetto di DOM
- Comprendere e saper utilizzare gli eventi
- Comprendere e saper utilizzare le chiamate HTTPS
- Comprendere e saper manipolare il formato dati JSON
- Comprendere e saper utilizzare i Browser Web Tools
Conoscenza e capacità di comprensione applicata
Costruire una pagina web dinamica che sfrutti le conoscenze di HTML, CSS e Javascript apprese durante il corso e che usi come data source una API opendata.
Autonomia di giudizio:
- comprendere quale strumento, linguaggio, soluzione o configurazione sia più adatta per realizzare una web page funzionante e comprensibile.
Abilità comunicative:
- essere in grado di organizzare i contenuti di un website in maniera chiara, leggibile e semplice seguendo i principi di accessibilità
Capacità di apprendere:
- essere in grado di documentarsi in autonomia per trovare soluzioni o strumenti adeguati al problema, anche diversi a quelli studiati in aula.