Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
AS: 2016/2017
Andrea Altomare 5A
I.T.I.S. G. Marconi - Jesi
INDICE
Introduzione..........................................................................................................................2
PMBOK.................................................................................................................................3
Project Charter......................................................................................................................5
Pianificazione........................................................................................................................6
WBS...........................................................................................................................6
PDM...........................................................................................................................7
Diagramma di Gantt...................................................................................................9
Sitemap...............................................................................................................................11
Mockup...............................................................................................................................12
Progettazione database......................................................................................................14
Conclusioni.........................................................................................................................14
INTRODUZIONE
Questo documento il piano di progetto finalizzato a raccogliere tutte le informazioni riguardanti
lanalisi, la pianificazione, la realizzazione e la gestione del sito web per lesame di maturit. Esso
redatto dallo studente Andrea Altomare, classe 5A dellIstituto Tecnico Industriale Guglielmo
Marconi di Jesi.
Innanzitutto stata definita lidea progettuale di base secondo la quale muoversi per la progettazione
del prodotto finale, dopodich si passati alla pianificazione del lavoro e alla sua schedulazione nel
tempo (mediante varie tecniche e strumenti di project managing quali WBS, PDM, Diagramma di
Gantt...), quindi seguir la realizzazione vera e propria con precise tecnologie informatiche, infine vi
sar la fase di test, lultimazione dellorganizzazione di tutto il materiale (la quale ha gi preso il via
durante lanno scolastico) e la consegna alla professoressa di Gestione di Progetto e Organizzazione
dImpresa. Infine, il progetto e il sito verranno presentati alla commissione desame durante la fase
orale della maturit.
PMBOK
Aree di Gruppi di processo
Conoscenza Avvio Pianicazione Esecuzione Controllo Chiusura
Integrazione Sviluppare il Sviluppare il Dirigere Monitorare il lavo- Chiudere il proget-
Project Charter piano di gestione lesecuzione ro del progetto to o una fase
di progetto Eseguire il
controllo delle
modiche
Scopo Definire lidea Scopo del sito Realizzazione Test componenti Consegna
progettuale del struttura del sito
Creare WBS del sito progetto
sito Scrittura codice
Creare mockup per interfaccia Test completo Presentazione sito
Caricamento file alla commissione
Tempi Creazione Controllare che
diagramma delle venga rispettata la
precedenze (PDM) schedulazione
Stima tempo per temporale
ogni attivit
Schedulazione
temporale con
Diagramma di
Gantt
Costi Stima costi e Controllo erispetto
budget dei costi
Il PMBOK stato ottenuto intersecando le aree di conoscenza con i gruppi di processo. Le righe
riguardanti le risorse umane e la comunicazione devono essere viste in modo opportuno rispetto a
questo tipo di progetto: per quanto riguarda le prime, lunico a lavorare interamente sono io, dunque
la gestione del team di progetto puramente formale; le comunicazioni invece riguardano solamente
il docente interessato, e non un insieme di varie persone (stakeholder) come di consuetudine nei
progetti aziendali.
Il progetto verr definitivamente concluso e consegnato in prossimit della fine dellanno scolastico,
per la valutazione che verr effettuata dal docente interessato. In ultimo, verr mostrato e presentato
alla commissione durante la fase orale dellesame di maturit.
Ho stabilito che lavorer tutta la settimana (anche sabato e domenica), mediamente per tre ore al
giorno.
PROJECT CHARTER
Progetto: Sito Web Codice progetto: P01
Data: 15 settembre 2016 Revisione: 0
Clienti: Scuola; Commissione desame Sponsor:
1. OBIETTIVI
Lo scopo del progetto quello di creare un sito web personale con le conoscenze e le competenze acquisite
durante gli anni (specialmente il 5), nel quale dovranno essere inseriti tutti i materiali prodotti durante lultimo; il
sito dovr poi essere mostrato alla commessione in sede desame.
2. PRINCIPALI DELIVERABLE
Project Management: piano di Project Management e PMBOK
Project Management: Project Charter
Progettazione: analisi e specifiche; WBS, PDM, Diagramma di Gantt
Progettazione: mockup interfaccia
Esecuzione: codice sito web
Esecuzione: sito web funzionante
3. MILESTONE
Sito web funzionante
Contenuti organizzati e inseriti
Upload sito web
4. VINCOLI E DIPENDENZE
I documenti di riferimento sono costituiti dalle sezioni riguardanti il PMBOK, il Project Charter, e lanalisi delle
specifiche interne a questo stesso documento. Saranno inoltre presi in considerazione vari documenti, fonti e
materiali forniti dai docenti.
8. STRUTTURA ORGANIZZATIVA
Il Project Manager del progetto nonch ogni altro ruolo del team di progetto sar ricoperto da me, Andrea
Altomare. I professori avranno il ruolo di supervisori ed approvatori del lavoro e del prodotto creato durante tutta
la progettazione e la realizzazione.
9. AUTORIZZAZIONE
Approvato da: Prof.ssa Mantini Stefania Data
PIANIFICAZIONE
Segue la pianificazione della attivit costituenti il progetto e la relativa schedulazione temporale.
WBS
Studio dell'idea Pianificazione contenuti da Progettazione mappa sito Progettazione del Scelta delle tecnologie da Realizzazione Registrazione spazio web
Analisi delle specifiche Pianificazione delle attivit Mockup interfaccia
progettuale del sito inserire web database usare documentazione tecnica (registrazione dominio)
Organizzazione dei
Realizzazione del Presentazione Progetto
materiali (contenuti) nelle
Diagramma di Gantt Sito Web
directory del sito
Realizzazione database
PDM
3 Realizzazione del WBS
2 gg
Pianificazione contenuti da
6 8 Mockup interfaccia
inserire
4 gg 2 gg
Studio dell'idea progettuale
1 2 Analisi delle specifiche 4 Realizzazione del PDM
del sito
7 gg 7 gg 2 gg
Progettazione mappa sito
7 9 Progettazione del database
web
2 gg 2 gg
Realizzazione del Diagramma
5
di Gantt
2 gg
30 gg
1 gg 30 gg 10 gg 7 gg 1 gg
15 Realizzazione database
3 gg
Realizzazione
11
documentazione tecnica
48 gg
22 gg
1 gg 1 gg 1 gg
DIAGRAMMA DI GANTT
Schedulazione temporale delle fasi di progetto:
Oggi
Diagramma di Gantt:
SITEMAP
Dallanalisi dellidea progettuale ho realizzato una mappa per il sito web al fine di stabilirne preventivamente la struttura ed i contenuti che lo comporranno. Il sito sar costituito da una homepage e da una pagina per le materie
scolastiche, la quale per verr semplicemente trattata dinamicamente con PHP, dunque ci che cambier nella pagina predisposta per mostrare i contenuti saranno solo questi ultimi e le informazioni contenute in essa.
Homepage
Gestione di
progetto e Progetto Sito Progetto
Home Italiano Storia Matematica Inglese Informatica Sistemi e reti TPSIT Tesina
organizzazione Web TWeb
di impresa
MOCKUP
Il layout del sito semplice ed essenziale, focalizzato sulladempimento dellobiettivo per il quale
stato creato: mostrare i contenuti scolastici utilizzati o prodotti durante lanno.
Il sito web sar formato da due pagine: lhomepage iniziale e una pagina che, attraverso un
apposito script PHP, mostrer gli argomenti e i file della materia selezionata dal men a tendina (il
quale si apre cliccando sullhamburger button in alto a sinistra e scorrendo da sinistra). Tutte e due
le pagine hanno un hamburger button in alto a sinistra, il mio nome ed un logo in alto a destra. La
pagina iniziale avr inoltre un titolo ed un sottotitolo al centro con scritto rispettivamente il mio
nome, e la classe e la scuola che frequento; sotto ci, ci sar un blocco di testo nel quale descrivo a
grandi linee chi sono, la scuola ed il sito web. La pagina delle materie, oltre agli elementi comuni,
avr una lista interattiva a sinistra nella quale ci saranno i nomi dei capitoli e gli argomenti trattati
della materia selezionata (il quale nome verr mostrato con una label proprio sopra la lista in
questione), e per ogni argomento il materiale usato o prodotto; al centro della pagina verr
collocato un plug-in per la lettura dei file PDF (PDF reader), attraverso il quale si potranno leggere i
vari documenti caricati grazie a uno script PHP.
Seguono i mockup:
Figura 1 - Homepage
PROGETTAZIONE DATABASE
Per lorganizzazione dei contenuti nel sito web si pensato alla possibilit di realizzare un
database in modo da averne una gestione pi efficace. Tuttavia, al momento non ne ritengo
necessaria la progettazione n la realizzazione poich, dovendo gestire un numero piuttosto
ristretto di file (e non una grande quantit di dati riguardanti utenti, gallerie fotografiche, ecc...),
sono arrivato alla conclusione che il sistema pi semplice e veloce per adempire a questo compito
e per mostrare i materiali richiesti sia quello di utilizzare opportuni script PHP.
CONCLUSIONI
Il controllo durante tutta la fase di realizzazione verr effettuato da me e dai docenti, i quali
supervisioneranno lo svolgimento dei lavori e daranno consigli sui modi attraverso i quali si possa
migliorare il prodotto finale. Il sito web verr consegnato agli insegnanti a lavori ultimati, dopo
essere stato opportunamente testato (per verificarne il corretto funzionamento in ogni sua parte),
infine verr mostrato e brevemente presentato alla commissione durante la fase orale della
maturit.
Dopo lesame, se possibile e se permesso dal servizio di hosting, rimarr online per eventuali
fruizioni e consultazioni future.