Skip to content
Verifica 5Binf a.s. 2018-2019, JavaScript e deploy su cloud AWS
Branch: master
Clone or download
Pull request Compare This branch is 1 commit ahead, 1 commit behind 0Shaeid0:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
code
docker/nginx
LICENSE
README.md
docker-compose.yml

README.md

SIMULAZIONE VERIFICA TPSI: HTML, CSS, JS, Cloud

Benvenuti alla verifica scritta di TPSI. Buon lavoro!

Il progetto di riferimento svolto in classe per l'esecuzione di questo compito è bar-prof.

Esecuzione del compito

Il compito è diviso in tre fasi:

  1. rendere dinamica la pagina con esecuzione locale sulla propria macchina
  2. eseguire la web app in cloud con AWS
  3. benchmark delle prestazioni

Operazioni preliminari:

  • accedete con il vostro account personale a GitHub (non sbagliate password!)
  • fate il fork di questo progetto, ma attenzione: se vi viene chiesto, fate il fork sul vostro account personale e non sull'organizzazione del progetto di classe
  • copiate l'URL del vostro progetto
  • aprite Visual Studio Code
  • fate il clone del progetto
  • su Visual Studio Code, scaricate (se non è già presente) l'estensione Live Server, cliccando sull'icona "Extensions" nella barra verticale a sinistra
  • dopo aver installato l'estensione Live Server, deve comparire il pulsante "Go Live" nella barra blu in basso, premerci sopra per aprire la pagina
  • a questo punto avete la pagina di riferimento aperta sul vostro browser e potete cominciare lo sviluppo seguendo i punti nella sezione "Calcolo del punteggio->Punti Progetto" più sotto in questa pagina

Accesso ad AWS:

  • accedete alla pagina di login di AWS Educate
  • se non l'avete ancora fatto, create un'istanza di AWS dal vostro account e configuratela seguendo questa guida
  • una volta creata l'istanza ed effettuato l'accesso, seguite i punti sulla guida al cloud deployment e svolgete i punti della sezione "Calcolo del punteggio->Punti AWS"

Attenzione: non fermate o terminate l'istanza da voi generata perché mi servirà per la correzione!

Creazione degli screenshot di benchmarks:

  • aprite gli strumenti sviluppatore sul vostro browser cliccando con il tasto destro in qualunque punto della pagina e selezionando "Ispeziona" o "Analizza Elemento"
  • andate sul tab "Rete" (o "Network")
  • ricaricate la pagina
  • fate lo screenshot
  • copiate lo screenshot nella cartella benchmarks

Quando avete finito e comunque 5 minuti prima dello scadere del tempo (vi verrà ricordato dal docente), dovete pubblicare il codice seguendo la solita procedura:

  • salvate il vostro codice
  • rispondete alla issue sul mio repository originale con il testo "Consegnato" e con il materiale specificato nella sezione "Calcolo del punteggio"

Calcolo del punteggio

Tutte le seguenti voci valgono 1 punto.

Punti generali:

  • corretta indentazione di tutti i file
  • codice che compila senza errori nella console del browser
  • chiarezza del codice (commenti, identificativi, etc.)

Punti progetto:

  • una card nel file JSON compilata correttamente
  • tutte le card nel file JSON compilate correttamente
  • codice JavaScript che itera sul file JSON
  • sostituzione delle stringhe statiche con elementi dinamici
  • una card visualizzata correttamente
  • tutte le card visualizzate correttamente
  • il file index.html originale e quello generato da voi sono perfettamente identici
  • commit e push del codice aggiornato su GitHub

Punti AWS:

  • istanza su AWS creata
  • istanza configurata correttamente con docker e git
  • istanza con gruppi di sicurezza corretti
  • istanza con il web server running
  • istanza che visualizza correttamente la pagina del progetto (deve essere uguale a quella locale)

Punti benchmark:

  • screenshots delle prestazioni di caricamento della pagina locale
  • screenshots delle prestazioni di caricamento della pagina su AWS

Totale punti: 18

Sufficienza: 11

Per avere il massimo del voto bisogna avere il massimo del punteggio.

Note generali

Testate il vostro progetto il più spesso possibile per controllare che non sia corretto.

È utile per me (ma non obbligatorio) che spuntiate le caselle qui sopra, mi servono per capire cosa avete fatto e cosa no. Per spuntarle, modificate il file (da interfaccia web o in locale sul vostro computer) e aggiungete una X tra le parentesi quadre, così:

  • voce spuntata

È possibile consultare il progetto di esempio che è stato fornito durante la lezione.

Al contrario, non è possibile comunicare o copiare dai compagni di classe.

You can’t perform that action at this time.