Tecnologie Web

Oggetto:

Tecnologie Web

Oggetto:

Web Technologies

Oggetto:

Anno accademico 2022/2023

Codice dell'attività didattica

MFN0634

Docente

Marco Botta (Corso A + Corso B)

Corso di studi

[008707] Laurea in Informatica

Anno

3° anno

Periodo didattico

Primo semestre

Tipologia

Caratterizzante

Crediti/Valenza

6 CFU - Numero di ore - Number of hours: 24 (in aula) + 30 (in laboratorio)

SSD dell'attività didattica

INF/01 - informatica

Modalità di erogazione

Tradizionale

Lingua di insegnamento

Italiano

Modalità di frequenza

Facoltativa

Tipologia d'esame

Orale

Prerequisiti

Italiano
English

Lo studente deve mostrare di possedere una buona familiarità con i principi della progammazione (imperativa, ad oggetti e basata su eventi). Inoltre, deve conoscere le basi operative per gestire una base di dati basata su SQL e per configurare/installare pacchetti software nel proprio sistema operativo.
Insegnamenti propedeutici (forniscono le competenze attese in ingresso):

Programmazione I
Programmazione II
Sistemi Operativi
Basi di Dati

A fluent coding ability is required before attending the class, and the student must be familiar with the most common programming paradigm (imperative, object-oriented, event driven). Moreover, the student must have an operative knowledge on data base management (and with the SQL language), and on installing/configuring software packages in her/his operating system.
Preparatory Courses (providing the expected entry skills):

Computer Programming I

Computer Programming II

Operating System

Data bases .

Oggetto:

Il corso si inserisce all'interno del percorso di studi fornendo allo studente le nozioni necessarie per lo sviluppo di applicazioni web. In particolare, gli obiettivi di questo corso sono i seguenti:

Imparare a produrre siti Web dinamici, animati, interattivi e collegati ad un database in back end;
Imparare diversi linguaggi e tecnologie per lo sviluppo Web client-side, quali HTML5, CSS, JavaScript, JQuery
Imparare principi della programmazione server side tramite principalmente PHP e MySQL, sfruttando strumenti opensource come i comuni browser web e il server web Apache.

Gli obiettivi formativi dell'insegnamento fanno parte degli obiettivi formativi specifici del CdS in Informatica nell'area Informatica caratterizzante.

The course is tailored to provide all necessary tools and design techniques for building web applications. In particular, the objectives of this course are the following:

To produce dynamic, animated, interactive and database driven web sites;
To learn different languages and client-side technologies like HTML5, CSS, JavaScript, and JQuery
To learn server side programming principles using mainly PHP and data base connectivity with MySQL, exploiting different open source technologies and software components like web browsers, web servers (Apache), and and PHPMyAdmin. .

Oggetto:

Risultati dell'apprendimento attesi

Italian
English

CONOSCENZA E CAPACITÀ DI COMPRENSIONE. Acquisizione di conoscenze teoriche e applicative relative a:

architetture di riferimento per lo sviluppo di applicazioni web
modelli software più usati per gestire applicazioni interattive di media complessità
tecnologie attualmente utilizzate per l’implementazione delle applicazioni (back-end e interfacce utente web)

CAPACITÀ DI APPLICARE CONOSCENZA E COMPRENSIONE. Acquisizione della capacità di applicare le conoscenze teoriche relative alle tematiche di cui sopra.

AUTONOMIA DI GIUDIZIO. Acquisizione di consapevole autonomia di giudizio con riferimento alla progettazione e realizzazione di applicazioni web.

ABILITÀ COMUNICATIVE. Acquisizione di competenze e strumenti per la comunicazione nella forma scritta e orale, in lingua italiana, unitamente all'utilizzo di linguaggi formali.

CAPACITÀ DI APPRENDIMENTO. Acquisizione di capacità autonome di apprendimento e di
autovalutazione della propria preparazione, atte ad intraprendere gli studi successivi con un alto
grado di autonomia.

KNOWLEDGE AND UNDERSTANDING. Acquisition of theoretical and applicative skills concerning:

reference architectures to develop web-based applications
largely applied software models to manage interactive applications having medium complexity
current technologies for the implementation of software applications (back-and and web-based user interfaces)

APPLYING KNOWLEDGE AND UNDERSTANDING. Acquisition of the ability to apply the above-listed theoretical and applicative skills.

MAKING JUDGMENTS. Acquisition of aware judgment autonomy concerning the design and implementation of web-based software applications.

COMMUNICATION SKILLS. Acquisition of oral and written communication skills and expertise, in the Italian language, as well as the ability to use formal languages.

LEARNING SKILLS. Acquisition of independent learning skills and the ability to self-evaluation of one's own preparation, apt to undertake further studies with a high degree of autonomy.

Oggetto:

Modalità di insegnamento

Italian
English

Le lezioni si svolgeranno nella modalità tradizionale in presenza in aula, facendo uso essenzialmente di diapositive elettroniche, con sperimentazione interattiva degli strumenti computazionali di analisi descritti. La parte applicativa del corso sarà svolta in laboratorio informatico e gli studenti saranno incentivati a svolgere gli esercizi durante le lezioni e a consegnarli per la correzione. Le diapositive saranno messe a disposizione degli studenti come materiale integrativo.

The lessons will take place in the traditional way in the classroom, essentially making use of electronic slides, with interactive experimentation of the computational analysis tools described. The application part of the course will be carried out in the computer laboratory and students will be encouraged to carry out the exercises during lessons and hand them in for correction. The slides will be made available to students as supplementary material.

Oggetto:

Modalità di verifica dell'apprendimento

Italian
English

Esercizi di laboratorio (almeno 3): saranno corretti e valutati i vari esercizi di laboratorio consegnati. La consegna degli esercizi serve a capire se lo studente è frequentante o non frequentante Relazione (30%): deve contenere la descrizione del progetto che si intende realizzare e deve essere consegnata contestualmente al progetto (vedi sotto). Conterrà una descrizione funzionale, il wireframe del sito ed altre specifiche che saranno definite dal docente durante il corso. Progetto finale (70%): progetto individuale che implementa quanto dichiarato dallo studente nella relazione consegnata precedentemente. Il sito sarà sottoposto alle opportune fasi di test e valutato di conseguenza. Gli studenti non frequentanti che non potranno consegnare gli esercizi di laboratorio, potranno sostenere un esame orale sostitutivo basato sul progetto consegnato. Per i tempi di consegna e per gli aspetti tecnici, fare riferimento alle specifiche per il progetto disponibili su moodle.

Laboratory exercises (at least 3): the various laboratory exercises delivered will be corrected and evaluated. The assignment of the exercises is used to understand whether the student is attending or not attending. Report (30%): must contain the description of the project to be carried out and must be submitted at the same time as the project (see below). It will contain a functional description, the site wireframe and other specifications that will be defined by the teacher during the course. Final project (70%): individual project that implements what the student declared in the previously delivered report. The site will be subjected to the appropriate test phases and evaluated accordingly. Non-attending students who will not be able to deliver the laboratory exercises will be able to take a substitute oral exam based on the project delivered. For delivery times and technical aspects, refer to the project specifications available on moodle.

Oggetto:

Programma

Italiano
English

Progettazione base ed implementazione di siti Web
Presentazione delle diverse strategie di navigazione e di organizzazione dei siti
Tecnologie client-side, tra cui HTML5, CSS, Javascript, JSON e JQuery
Tecnologie server side, facendo particolare attenzione alle implementazioni in PhP
Gestione dei dati in back end
Tecnologie emergenti (MVC, bootstrap, angular, versioning con github, etc.)