Specifiche del progetto ver Lo scopo è quello di realizzare un sistema online di condivisione foto.

Transcript

1 Specifiche del progetto ver. 1.0 Lo scopo è quello di realizzare un sistema online di condivisione foto.

2 Differenze rispetto alla versione rc3 L'utente registrato può visualizzare le proprie informazioni (profilo/account). L'utente deve poter modificare i propri dati personali (indirizzo, città, provincia, ecc.). L'utente registrato può cancellare i commenti indesiderati (anche di altri utenti) fatti sulle proprie foto.

3 Introduzione (1/2) Tutti i servizi obbligatori devono essere realizzati dal gruppo. Per i servizi facoltativi la possibilità di utilizzare software realizzato da altri o disponibile con altro tipi di licenza deve essere concordata con il docente. Anche l'uso di eventuali librerie (in formato JAR o altro) deve essere concordato. Nota: eventuali parti scritte in azzurro indicano informazioni provvisorie da definire

4 Introduzione (2/2) Occorre realizzare una serie di procedure con il linguaggio JSP che, via Web, si interfaccino ad un database MySql per rendere disponibile la consultazione e la gestione di foto. Il portale può (opzionalmente) presentare anche aspetti di advertising sotto forma di filmati Flash. La struttura delle principali tabelle del database e' fissata a priori e non può essere alterata se non con accordi con il docente.

5 Utenti e ruoli E' possibile individuare diversi ruoli per gli utenti e gestori del portale. Si distingue tra clienti del portale (anonimi e registrati) e gestori del portale. Clienti Gli utenti (o clienti) che fruiscono del portale sono di 3 tipi: utenti normali (anonimi) utenti registrati sul portale utenti registrati pro sul portale Gestori del sistema Gli utenti che gestiscono il portale sono di 3 tipi: amministratori del sistema redattori delle F.A.Q. (Frequently Asked Questions) - opzionale pubblicatori delle F.A.Q. - opzionale

6 Cosa realizzare registrazione utenti normali e pro Registrazione utenti Consente all'utente di registrarsi. Per i campi da fornire si vedano le specifiche che seguono. Registrazione utenti pro Consente all'utente di registrarsi. Per i campi da fornire si vedano le specifiche che seguono.

7 Utenti e ruoli admin (1/2) Gli amministratori del sistema possono: gestire gli account degli utenti registrati: creare, eliminare, modificare utenti e assegnare i ruoli agli utenti filtrare le foto non conformi al regolamento del sistema ponendole in uno speciale stato di da verificare. In questo modo la foto non sarà visibile agli utenti ma solo all'utente che l'ha inserita. L'utente che si collega vede in un'area messaggi il commento dell'amministratore ( tabella utente, campo commento-adm ). gestire (scrivere e pubblicare le F.A.Q.) fare, per ogni utente, tutto ciò che l'utente può fare con i propri dati: gestire foto, tag, ecc. L'amministratore del sistema può assegnare o revocare ruoli agli utenti. Quindi, ad esempio, ad un utente registrato sul sistema l'amministrare può assegnare il ruolo di pubblicatore F.A.Q. L'utente avrà perciò contemporaneamente 2 ruoli (utente registrato e pubblicatore F.A.Q.).

8 Utenti e ruoli admin (2/2) L' utente amministratore sarà preinserito nel database e i suoi dati sono: admin una pwd per ogni gruppo verrà comunicata via ATTENZIONE: SE I DATI DI ADMIN SARANNO DIVERSI IL PROGETTO NON VERRA' CORRETTO

9 Utenti e ruoli F.A.Q. (opzionale per questa la prima consegna) Ogni F.A.Q. (Frequently Asked Questions) è formata da una domanda e dalla relativa risposta. Le F.A.Q. sono finalizzate a fornire risposte alle domande poste più frequentemente sull'uso del sistema. Le F.A.Q. sono memorizzate sul database. I redattori delle F.A.Q. possono inserire le domande e le risposte nella apposita area delle F.A.Q. I dati inseriti non saranno però direttamente visibili agli utenti in quanto è richiesta la pubblicazione da parte del pubblicatore delle F.A.Q. Il pubblicatore delle F.A.Q. ha la possibilità di pubblicare e spubblicare tutte le F.A.Q.

10 Utenti registrati (1/x) Ogni utente registrato può: fare l'upload di foto gestire (inserimento, modifica e cancellazione) le foto associare alla foto uno o più tag gestire (inserimento, modifica e cancellazione) i tag inserire commenti sulle proprie foto e su quelle altrui gestire la lista dei contatti gestire delle collezioni di foto

11 Utenti registrati (1/x) Esempio di gestione dei tag

12 Utenti registrati i tag Visualizzazione di una foto, galleria delle foto (con Flash) e inserimento di un tag (via Ajax) La schermata è di solo esempio per una possibile implementazione della galleria.

13 Flash: slider di thumbnails Creare per la gallery di ogni utente uno slider di thumbnails per la scelta della foto da visualizzare ingrandita. Le miniature dovranno essere visualizzate in numero non superiore a 6 / 8 (dipende da come è impostato il layout del vostro sito). In questo modo sarà necessario gestire lo scorrimento delle thumbnails con opportuni pulsanti di avanzamento. Utilizzare gradevoli effetti di transizione (alpha, maschera,...) per scorrere i gruppi di miniature. Le foto dovranno essere caricate nella presentazione dinamicamente tramite xml, quindi andranno lette direttamente dal campo blob fotosmall del database, richiamando un'apposita pagina jsp. Al passaggio del mouse su ogni miniatura si dovrà prevedere un opportuno effetto di rollover e si dovranno visualizzare in stile tooltip la descrizione (troncata se troppo lunga) e il numero di accessi associati alla foto.

14 Flash: versione avanzata Versione avanzata dello slider: gestire la paginazione delle thumbnails al refresh della pagina. Ad esempio, visualizzando una foto del secondo gruppo di miniature la pagina verrà ricaricata per mostrare la foto grande, ma le miniature saranno visualizzate sempre a partire dal primo gruppo. Risolvere il problema con un passaggio di parametri, in modo che la thumbnail della foto grande correntemente visualizzata sia nel gruppo attivo e abbia uno stato selezionato (non dovrà essere cliccabile). CONSEGNA: consegnare tutti i sorgenti.fla (anche di eventuali banner o altri elementi animati) e, nel caso dello slider, anche un file xml con lo schema utilizzato.

15 Utenti registrati lista contatti Gli utenti registrati possono gestire una lista di contatti con altri utenti del sistema. In questo modo è possibile accedere direttamente alle foto dei propri contatti. Deve poter essere gestita (inserimento, modifica, cancellazione) la lista dei propri contatti.

16 Utenti registrati le collezioni Gli utenti registrati possono gestire di collezioni foto. L'inserimento delle collezioni deve essere gestita via Ajax e librerie JS per la gestione del Drag & Drop (D&D); il D&D deve essere utilizzato per poter inserire una foto nella collezione.

17 Utenti registrati pro il pagamento online Gli utenti registrati possono decidere di acquistare un pacchetto di aggiornamento del servizio. Per fare questo sarà disponibile una apposita pagina (finta!) in cui si chiede di effettuare il pagamento che consente di diventare utente registrato pro per 12 mesi.

18 Utenti registrati pro le mappe Gli utenti registrati pro possono fare tutto ciò che possono fare gli utenti registrati e in più possono inserire il campo Luogo di una foto in modo da poter visualizzare su una mappa di Google le proprie foto.

19 Ricerca Ricerca all'interno del portale Deve essere possibile cercare per: descrizione della foto tag della foto utente location

20 Varie Tracciamento delle visite Il sistema deve tracciare quante volte è stata vista una foto. Foto private e foto pubbliche L'utente registrato per ogni foto può decidere di: rendere pubblica una foto privata e acceduta solo alla propria lista di contatti privata e non acceduta da altri

21 Funzionalità da realizzare per le consegne successive a luglio Da definire

22 Strumenti da utilizzare Esistono molte possibilità per la gestione di applicazioni sul Web. Come editor di file HTML esiste molto software open; Mozilla Composer ( è semplice e produce codice sintatticamente corretto e pulito. Un altro Web Authoring System è Nvu ( Per la programmazione Server Side, utilizzando pagine JSP, è possibile usare Eclipse ( Consiglio l'installazione di un plug-in per la gestione di pagine JSP (si vedano le slide della lezione relativa alla programmazione server side). Per la realizzazione dell'aspetto grafico il software per il fotoritocco Adobe Photoshop o Gimp ( Per la realizzazione dell'aspetto multimediale Macromedia Flash. Ovviamente, a parte Flash, ognuno è libero di scegliere gli strumenti che preferisce. Di tutto il materiale realizzato deve essere consegnato anche la versione sorgente.

23 Come consegnare (1/2) La consegna è effettuata esclusivamente sul server opportunamente predisposto a cui ci si puo' connettere via ftp; gli username sono nella forma è tm08_01, tm08_02, ecc. La pwd verrà comunicata via . Nella propria cartella mettere la documentazione del progetto in formato OpenOffice o PDF. Nella propria cartella creare le varie sottocartella jsp, html, images, css, js che conterranno i vari tipi di file Il file nome-file.jsp posizionato nella propria home directory sarà accessibile all'indirizzo Dove tm07_xy e' il codice del gruppo

24 Come consegnare (2/2) La gestione del database avviene collegandosi all'applicativo phpmyadmin disponibile all'indirizzo Gli username e le pwd sono le stesse usate per ftp Il server ftp da usare è dynamo1.bloccob.man. Nota: il server di consegna ha 2 interfacce di rete con 2 nomi distinti (dynamo0 e dynamo1).

25 Il software Software installato sul server di consegna: tomcat JSP e servlet container ( mysql database server ( phpmyadmin per la gestione del database via Web ( apache server web per phpmyadmin ( jdk 1.5.0_11 supporto java per tomcat (

26 Criteri di valutazione del portale Chiarezza e completezza della documentazione (per l'utente non tecnico e per l'utente tecnico). Tip: usare immagini Studio grafico Qualità della realizzazione multimediale Uso e correttezza dei fogli di stile; validare i CSS Uso e correttezza HTML; validare l'html (almeno HTML Transitional) Uso e correttezza di codice Javascript Qualità dell'informazione e servizi offerti dal portale Strumenti di gestione del portale Rispetto dei criteri di usabilità Portabilità con vari browser (Mozilla, Firefox 2, Opera, Konqueror, Internet Explorer 6 e 7) a varie risoluzioni (da 1024x768, compresa, in su)

27 contatti Struttura del database N idutente idutentecoll N Consegne dopo luglio 1 1 utente idutente username password nome cognome datanasc indirizzo città provincia paese telefono cellulare commentoadm dataregpro commenti idcommento idfoto commento idutente data 1 1 N N utente-ruolo idutente idruolo 1 N 1 N N foto 1 foto-tag idtag idfoto ruolo N idfoto descrizione_foto_small descrizione_foto_big luogo dataupload dataultimamod fotobig fotosmall naccessi idstato idutente idruolo descrizione 1 tag idtag descrizione 1 N N 1 Ruoli possibili stato idstato descrizione ADM REG REG-PRO RED-FAQ PUB-FAQ foto-collezione idfoto idcollezione N 1 collezione idcollezione descrizione Stati possibili PUBBLICA PRIVATA PRIVATA-CONTATTI CENSURATA F.A.Q. (opz). Da gestire in autonomia N.B. I riquadri rossi NON sono tabelle ma semplici elenchi di dati.

28 Export del database Si veda l'url