Documentazione Riferimenti 1.2. Descrizione del sito 1.3. Soluzioni adottate

Transcript

1 Documentazione 1.1. Riferimenti 1.2. Descrizione del sito 1.3. Soluzioni adottate

2 Riferimenti La progettazione,realizzazione di tale progetto didattico relativo al corso di Tecnologie Web del Prof. Alessandro Cucchiarelli,è stata sviluppata in tutte le sue fasi dal Gruppo 16 composto dai seguenti studenti: Luca Montanaro (matricola ) Lorenzo Minciotti (matricola ) Jonathan Fernàndez Ferrer (matricola ) Il quarto membro,facente parte del Gruppo 16 nella persona di Gerardo Celozzi,a seguito di problemi organizzativi,non è più parte integrante dello stesso come concordato con il Prof. Alessandro Cucchiarelli.

3 Descrizione del Sito Il sito in esame,sviluppato seguendo le specifiche per la realizzazione del progetto didattico,si propone come obiettivo principale la gestione di una comunità on-line di utenti che hanno la possibilità di condividere opinioni tra essi attraverso la condivisione di informazioni. Tale sito web,commissionato da un azienda leader nel campo delle applicazioni Web,si articola in due macro aree,una riguardante l aspetto puramente informativo dell azienda My Click con informazioni fruibili da qualsiasi tipologia di utente che si connette al sito e l altra area riguardante la comunità on-line alla quale si può accedere solo ed esclusivamente registrandosi come utente ed avendo la possibilità quindi di entrare in contatto con altri utenti registrati. La logica che sta alla base del portale secondo la quale è stato realizzato,è riassumibile nel concetto in cui ogni utente registrato può creare un gruppo di amici entro il quale condividere foto,blog e scambiare opinioni inviando messaggi;coloro che non fanno parte del gruppo di amici di un determinato utente possono solo accedere,qualora l utente lo voglia,alle informazioni generali riguardanti la sua persona. Ogni utente registrato avrà a disposizione un suo profilo personale al quale accederanno i suoi amici per visualizzarne i contenuti,e un menù laterale per modificare tutto ciò che viene presentato nel sua pagina personale. Le principali azioni che l utente può compiere sono: la creazione di album fotografici,specificandone il titolo e una breve descrizione,con la possibilità di inserire,cancellare foto e spostarle da un album all altro e l opportunità di cancellare interi album. La creazione di più blog,specificandone sempre un titolo e una breve descrizione,dove l utente stesso e i suoi amici hanno la possibilità di commentare e discutere sull argomento in questione. La possibilità di inviare messaggi ai propri amici,di riceverli e di rispondere,tenendosi in contatto La possibilità di tenersi aggiornato su quanto accade all interno della sua cerchia di amicizie grazie alle notifiche che vengo inviate ogni qual volta un suo amico compie un azione. Gestire il proprio profilo modificando le informazioni generali e inserendo un immagine che caratterizza la sua pagina personale. Gestire i suoi amici inviando richieste di amicizia e accettando o rifiutando quelle ricevute da altri membri della comunità. La possibilità di cercare nuovi amici inserendo nome e/o cognome nella form di ricerca presente accanto al menù principale di navigazione.

4 La gestione dell intera comunità viene affidata a due figure quali i membri appartenenti allo staff e l amministratore che,attraverso un menù di navigazione più schematico possono accedere a qualsiasi tipo di informazione modificandola qualora non fosse in linea con le regole del portale. I membri dello Staff,aggiunti dall amministratore,il quale gestisce anche questa classe di utenti, possono accedere ai contenuti caricati dagli utenti nel portale quali foto e blog. Le principali azioni che un membro staff può compire sono: Ricercare un utente tra quelli registrati o visualizzare l intero elenco degli utenti ai quali può inviare un messaggio per comunicare informazioni importanti. Ricercare un album tra quelli caricati nel portale o visionare la lista completa avendo la possibilità di eliminarli in toto o cancellare singole foto seguite da una spiegazione della motivazione per la quale è stato eliminato un album o le foto. Ricercare un blog tra quelli caricati nel portale o visionare la lista completa di tutti i blog avendo la possibilità di eliminare singoli post non in linea con le regole stabilite o interi blog seguiti dalla spiegazione per cui è avvenuta la cancellazione. L ultima tipologia di utente che ha la possibilità di accedere al portale è l amministratore,che è l unico profilo presente in questa classe che non è espandibile(è contemplato un solo amministratore). Tale figura,oltre alle azioni permesse ai vari membri dello staff,può: Aggiungere,modificare,eliminare i membri dello staff. Visualizzare tutte le informazioni relative ad ogni singolo utente registrato (informazioni generali,amici,richieste di amicizia),modificarle e la possibilità di inviargli messaggi. Estrarre informazioni generali riguardanti l intero portale come la media degli amici per utente,la media dei post in un blog,la media di foto in un album,il numero totale degli album e dei blog pubblicati e la media di richieste inviate per ogni singolo utente. Inserire,modificare e eliminare FAQ che sonno suddivise tra quelle riguardanti l ambito generale del azienda e quelle in merito al portale. Inserire,modificare e eliminare i contatti ai quali chiunque può chiedere informazione relative al sito.

5 Soluzioni adottate Le soluzioni più interessanti che abbiamo adottato per soddisfare le specifiche in maniera completa ed efficiente possono essere elencate in vari punti. 1. Conferma eliminazione: Funzione realizzata grazie all ausilio del javascript permette la conferma dell eliminazione (di foto,album,blog,ecc..) che,prendendo come parametro l elemento da eliminare,attiva la funzione che va a cancellare all interno del database l elemento selezionato passando a quest ultima i parametri che identificano quell elemento. 2. View Helper IsFriend: Questo helper permette di individuare lo stato di amicizia tra l utente che è loggato e un qualsiasi altro utente che viene passato come parametro all unica funzione presente nella dichiarazione dell helper e ritorna vari valori a seconda della relazione che vi è tra i due. Le situazioni contemplate sono:i due sono amici,non lo sono,l utente loggato a inviato la richiesta a questo utente,l ha ricevuta dall utente oppure i due sono la stessa persona. Nel momento in cui un utente visiona il profilo di un altra persona questo helper permette di stampare informazioni a seconda dello stato di amicizia che vi è tra i due. 3. Selezione del destinatario del messaggio: Per la selezione del destinatario del messaggio abbiamo implementato una funzione presente nella dichiarazione della form MessageForm che permette di riempire la form di tipo select dei soli amici,così che l utente può inviare messaggi selezionando il destinatario semplicemente dalla form. 4. Visione ingrandita delle foto: Visionando un album presente all interno del profilo di un amico abbiamo implementato,attraverso una funzione javascript,la possibilità di ingrandire le varie foto presentate inizialmente come anteprime. Grazie all utilizzo del DOM possiamo modificare alcune caratteristiche che permettono la visualizzazione ingrandita della foto con la scomparsa delle varie anteprime. 5. Form di modifica: Per la modifica di vari contenuti abbiamo utilizzato una funzione per riempire i vari campi delle form con i valori che erano memorizzati all interno del database,così che,dopo aver modificato solo il necessario,alla sottomissione della form,i precedenti valori vengono sostituiti con i nuovi.