progettazione di un sito webteachnet.altervista.org/scuola/guide/progettare/progweb.pdf · asp.net...

PROGETTAZIONE DI UN SITO WEB

PROGETTAZIONE DI UN SITO WEB

Fasi di progettazione Software:

● Analisi dei Requisiti

● Progettazione (Design)

● Sviluppo

● Test

● Manutenzione

Analisi dei requisiti

Progettazione (design)

Sviluppo

Test e Manutenzione

Progettazione di un sito web - Risorse

Attività di tipo gestionale

● Stime dei costi (e dei tempi)

● Gestione dei progetti (delle persone, pianificazione)

● Gestione dei rischi

● Gestione della qualità

Progettazione di un sito web - Risorse

Documento tipo

Stima dei tempi

Progettazione di un sito web - Timeline

A cascata

Interattivo

A componenti

Evoluzione

Progettazione di un sito web - Qualità

Un sito web deve, come tutti i software, garantire i seguenti criteri di qualità:

● Correttezza

● Affidabilità

● Robustezza

● Efficienza

● Usabilità

● Integrità

Li vedremo meglio successivamente....

PROGETTAZIONE DI UN SITO WEB

Fasi di progettazione Software:

● Analisi dei Requisiti

● Progettazione (Design)

● Sviluppo

● Test

● Manutenzione

Analisi dei requisiti

Progettazione (design)

Sviluppo

Test e Manutenzione

Analisi dei Requisiti

● Cosa vuole il cliente?

(più risulta dettagliata meglio è)

● Terminata l’analisi dei requisiti,

raccolgo tutte le informazioni in documenti (solitamente elettronici, ma anche no)

(si eviterà di perdere dettagli importanti durante lo svolgimento delle fasi successive)

Fase fondamentale!! Raccogliere quante più informazioni possibili

Analisi dei RequisitiDA EVITARE

Analisi dei requisiti

Progettazione (design)

Sviluppo

Test e Manutenzione

Sviluppo Software

DA EVITARE

Partitella

Progetto la mia squadra

Chiamo Amici

Partita

Partita Calcetto

Era calciotto

Progettazione (Design)

● Dopo aver risposto alla domanda “cosa deve/devo fare?”

● Ora devo rispondere alla domanda “come posso fare?”

Più a livello informatico, si può trasformare in:

Che tecnologie posso usare?

DATABASE

CMS

PHP

JAVASCRIPT

CSS3

ASP.NET

HTML5

Progettazione (Design)

DATABASE

CMS

PHP

JAVASCRIPT

CSS3

ASP.NETHTML5

DATABASE PHP CSS3

SCELTA

Progettazione (Design) - Database

DIAGRAMMA E-R

CONTATTO RELAZIONE NUMERO

ID NOME

1 Mario

2 Paolo

3 Luca

4 Marco

ID NUMERO

1 328-123-1234

2 328-123-4567

3 329-321-7654

4 347-987-6589

5 347-555-6544

id_contatti id_numeri

1 3

2 2

1 4

4 1

1 5

CONTATTO NUMERO

(0,n)

DATABASE - Rubrica online

Posso migliorare..... è davvero necessaria la relazione?

(1,1)

CARDINALITA'

Progettazione (Design) - Database

ID NOME

1 Mario

2 Paolo

3 Luca

4 Marco

id_contatti ID NUMERO

4 1 328-123-1234

2 2 328-123-4567

1 3 329-321-7654

1 4 347-987-6589

1 5 347-555-6544

CONTATTI NUMERI

Rubrica telefonino

Ho risparmiato una tabella non necessaria

Ora posso eseguire Query di ogni genere sulle tabelle

RISPARMIO DI RISORSE

Progettazione (Design) - Interfaccia

Pensata in base alle esigenze del cliente

COMMERCIALE

BLOG

SERVIZI WEB

PORTALE

CLOUD

TARGET

PUBBLICITARIO

Donne Sportivi

Giovani Uomini d'affari

Progettazione (Design) - Interfaccia

ibu GastroPub

Progettazione (Design) - Interfaccia

Team Antonucci Corse

Progettazione (Design) - Interfaccia

Web Application – Comune L'Aquila

Progettazione (Design) - Interfaccia

Progettazione di un sito web - Qualità

Dopo aver visto le prime due fasi del processo di creazione di un sito web rivediamo i criteri di qualità:

● Correttezza, in quale misura rispetta i suoi requisiti

● Affidabilità, quanto bene rispondono ai suoi requisiti

● Robustezza, come si comporta il sistema in caso di errori

● Efficienza, tempi di risposta, uso della memoria

● Usabilità, è user-friendly?

● Integrità, sicurezza in caso di attacchi

Sviluppo

● Si parla dello sviluppo del sito vero e proprio

● Parte quando tutte le precedenti fasi sono state ben definite

DATABASE PAGINE WEB LAYOUT

- Sql- Query - Insert - Select - Delete - Join

- HTML5- Javascript- AJAX- phpecc...

CSSHTML5Javascript

Integrazione e Testing

Se sviluppato in moduli si integra il tutto

Testing

Presenta errori?

Si

oN

Posso consegnare Correggo gli errori

Integrazione

Progettazione di un sito web - Timeline

A cascata

Interattivo

A componenti

Evoluzione

Progettazione di un sito web - Timeline

A cascata

Tempi delle varie fasi sono ben equilibrati

Progettazione di un sito web - Timeline

A cascata

Ciclico, fino a che la valutazione del prodotto diviene soddisfacente rispetto ai requisiti richiesti

In risposta al modello a cascata che risulta troppo lineare

Progettazione di un sito web - Timeline

A componenti

Dopo una valutazione molto attenta e precisa dei requisiti si procede allo sviluppo separato di componenti

L'integrazione è fondamentale

CMS – Content Management System

● Cos'è?

Fondamentalmente è un sistema di gestione dei contenuti

CMS – Fasi della progettazione

Analisi dei requisiti

Progettazione (design)

Sviluppo

Test e Manutenzione

Come cambia la progettazione

quando usiamo un CMS?

CMS – Fasi della progettazione

Analisi dei requisiti

Progettazione (design)

Sviluppo

Test e Manutenzione

La fase di progettazione viene a mancare in maniera consistente

CMS – Fasi della progettazione

● Posso ignorare le problematiche legate a:

- Database

- Layout

- Sicurezza

- Scrittura del codice sorgente

(se non per modalità più avanzate)

Da vantaggi significativi nella creazione di siti web con grandi quantità di contenuti

CMS – Fasi della progettazione

● I CMS non sono solo per piccoli blog

CMS – Struttura

● Come sono strutturati i CMS?

CORE

TEMPLATE MODULI

Espansioni delle funzionalità

Modifica l'interfaccia

Funzionalità base di un CMS

CMS – Struttura

CORE TEMPLATE

MODULI

Gestione Articoli/Notizie

Categorizzazione

Sicurezza

Layout

Colori

Miglioramenti di quelle esistenti

Nuove funzionalità

Gestione Utente

CMS – Qualità

Il CMS garantisce alcuni requisiti di qualità

● Correttezza

● Affidabilità

● Robustezza

● Efficienza

● Usabilità

● IntegritàDipendono dall'utente

Garantiti dal CMS

- Pessima categorizzazione dei dati- Scrittura di dati errati

Sito Web Tradizionale VS CMS

Analisi dei requisiti

Progettazione (design)

Sviluppo

Test e Manutenzione

Analisi dei requisiti

Sviluppo

Test e Manutenzione

Risparmio di tempo

Website CMS

Sito Web Tradizionale VS CMS

Il CMS è quindi uno strumento potente che riduce i tempi di realizzazione di un sito web

ma bisogna pagare un prezzo...

● La Versatilità

- Non tutto può essere fatto da un CMS

- E' generalmente pesante

- Non tutti i requisiti potrebbero essere soddisfatti

- Si adattano poco a servizi e applicazioni web

Sito Web Tradizionale VS CMS

● Un sito web tradizionale (html, php, css) è quindi più versatile ma ha bisogno di più lavoro

in particolare sulla:

- gestione della sicurezza

- gestione utenti

- definizione dei ruoli

- gestione contenuti

Automatizzate nel CMS

Sito Web Tradizionale VS CMS

Differenza Evidente

NOTA BENE

80 28

FATTIBILITA'

Quale usare?

Dipende dai requisiti

Finita la prima fase di ANALISI DEI REQUISITI posso decidere quale delle due procedure è più conveniente.

FINE

GRAZIE PER L'ATTENZIONE