MANUALE UTENTE. SMART HERITAGE: Tecnologie Smart per la Valorizzazione del Patrimonio Storico-Culturale

Transcript

1 Dipartimento di Ingegneria dell Innovazione MANUALE UTENTE SMART HERITAGE: Tecnologie Smart per la Valorizzazione del Patrimonio Storico-Culturale PO FESR PUGLIA Asse I Linea di Intervento 1.4. Azione 1.4.2

2 INDICE& INDICE...2 LATECNOLOGIANFC...3 IvantaggidellatecnologiaNFC...3 CodificadeiTagNFC...3 LAWEBAPPLICATION...5 Homepage...5 SchermataPrincipale:AmministratoreedEditore...5 BarradiNavigazione...6 BoxdiRicerca...7 Boxcreazionecontenuti...8 Crea,MostraeModificaTag...8 Creazione,ModificaeVisualizzazioneContenuto...10 Creazione,Modifica,VisualizzazioneedEliminazioneURL...14 Funzionalitàdell utente admin...14 Pag. 2 di 20

3 LA&TECNOLOGIA&NFC& L aspettopiùinnovativodelsistematecnologicosperimentatoècostituitodall impiegodellatecnologianfc sucuiillaboratoriopriscovantaunaesperienzaquinquennale. I"vantaggi"della"tecnologia"NFC" L NFCèunatecnologiaperlaconnettivitàwirelessacortoraggio,basatasuunaseriedistandardchein manierasempliceedintuitivaabilitanounacomunicazionebidirezionaletraduedispositivielettronici.idue dispositivi possono essere entrambi attivi, oppure uno attivo e uno passivo. Le applicazioni vanno dalle transazionicontactless,all accessoescambiodidati,dallaletturaditagnfcalsetupdicomunicazioniwi_fi obluetooth. L NFC opera ad una frequenza di MHz con velocità di trasmissione comprese tra 106kbit/s e 848kbit/s.L NFCprevedesempreundispositivocomeinitiatoreunocometarget,dovel initiatorgenerala radiofrequenzacheattivaeventualmenteiltargetpassivo.sonopossibili3modidifunzionamento: 1. Reader/writer, in cui un dispositivo attivo (per esempio uno smartphone NFC) legge e scrive un dispositivopassivo(tagnfc); 2. Peer+to+peer.(P2P),incuiduedispositiviattivi(peresempioduesmartphone)scambianoinformazioni emessaggi; 3. Card.emulation,incuiundispositivoattivo,peresempiounosmartphone,sicomportacomeuntag NFCepuòesserelettodaundispositivoattivo(peresempiounPOSoungateapriporta). Nel progetto Smart Heritage è utilizzata la modalità reader/writer in cui lo smartphone NFC dell utente, avvicinatoapochimillimetridaltagnfcposizionatosuunmonumento,accedereinmanieraintuitivaal contenutoassociatoaqueltagequindiaquelmonumento. UntagNFCèundispositivopassivo(cioèchenonrichiedealimentazioneelettrica)sucuisonomemorizzati deidatichepossonoessereletticonundispositivonfcattivo,peresempiounosmartphone. I tag NFC possono avere forme diverse: adesivi, etichette, dischi, portachiavi, bracciali, strisce, etc. Possono avere anchelaformaditessereplastichecomequelleutilizzateperlecartedicredito,perletesserefedeltà,etc. MentrelemodalitàP2PecardemulationsonospecifichedellatecnologiaNFC,lamodalitàreader/writerè un alternativa all utilizzo di QRcode. Tuttavia, i tag NFC presentano caratteristiche superiori al QRcode, soprattuttoinapplicazioniparticolaricomesmartheritage: ItagNFChannounamaggioreaffidabilitàperchésonopiùdifficilidamanipolareemanomettere; Hannounamaggiorerobustezzasoprattuttoseusatiinambientiavversicomeall aperto; Sonopiùintuitividausareperchébastapoggiareiltelefonoperavviarel azione(conilqrcodeinvece occorreavviarel applicazioneeinquadrarecorrettamenteilcodiceperfarpartirel azione). Codifica"dei"Tag"NFC" Nel progetto Smart Heritage sono utilizzati tag NFC di tipo plastico (simili per tipologia e dimensione ai badge e alle carte di credito) incapsulati all interno delle targhe che sono apposte in prossimità dei monumentiedeipuntidiinteressenelborgodispecchia. IltagNFCcontieneunNDEFrecordditipoURLcomesegue: dovetagidèuncodicegeneratoautomaticamentedallapiattaformawebognivoltachesicreaunnuovo contenuto. Ad esempio se tagid generato dalla piattaforma è uguale a il corrispondenterecorddamemorizzaresultagnfcsarà: Pag. 3 di 20

4 In questo modo, ogni volta che si avvicina uno smartphone al tag NFC l app Smart Heritage si apre e visualizzailcontenutocorrispondente. Nellasperimentazione,lacodificadeitagèavvenutautilizzandounosmartphoneNFCconun applicazione specificaperlacodificadeitagstessi. Pag. 4 di 20

5 LA&WEB&APPLICATION& Nelseguitosonodescritteleprincipalifunzionalitàdellawebapplicationperlagestionedegliutenti,deitag edeicontenutiassociatiaciascuntag. Home"page" Nellahomepagedelsistemaèpresentel appositoboxperillogindell utente.inparticolareesistonodue tipologiediutenti,condiversiprivilegi: Amministratore; Editore. L Amministratore è il superutente che può gestire tutte le organizzazioni, gli utenti i contenuti e i tag. L Editore invece ha una visibilità ridotta solo ad una specifica organizzazione e alla sua gestione. In particolarepotràgestiresoloicontenutieitagassociatiallasuaorganizzazione. Unavoltaeffettuatoilloginl utentesitroveràdavantilaschermataprincipalechedifferiràinbasealruolo assuntodall utenteloggato. Schermata"Principale:"Amministratore"ed"Editore" Di seguito sono riportate le schermate principali una volta eseguito il login: la prima si riferisce al login comeamministratore,lasecondaallogincomeeditore.comesipuònotareledueschermatedifferiscono soloperlapresenzadellogo(sedisponibile)dell organizzazionedicuil editorefaparte. Pag. 5 di 20

6 Barra"di"Navigazione" Nella schermata è presente una barra di navigazione che permette un rapido accesso alle principali funzionalitàdell applicazione. Inparticolare,iltasto Home permetteall utentediritornareallaschermataprincipaledaqualsiasipunto dell applicazione. Cliccando sul tasto admin o editore (a seconda del login) compariranno le principali operazioni che l utentestessopuòcompiere: Pag. 6 di 20

7 Perl utente admin Gestioneorganizzazioni( ); Gestioneutenti( ); Gestionetag( ); Gestionecontenuti( ); GestioneURL( ); Logout(l utentedecideinquestocasoditerminarelasessione). Nelcasodell editorelefunzionalitàsonopiùlimitateequindileoperazionipossibilicheessopuòcompiere sonoleseguenti: Gestionetag( ); Gestionecontenuti( ); Gestioneurl( ); Logout(l utentedecideinquestocasoditerminarelasessione). Ildettagliodiquestefunzionalitàverràdescrittopiùavanti. Box"di"Ricerca" Il box di ricerca permette un rapido accesso ai contenuti e ai tag. Inserendo nel form l ID della risorsa ( ResourceId )oilnomedel Contenuto,ancheparziale,epremendoilpulsante Search verràeffettuata unaricercatraitageicontenutirispondentiaicriteridiricerca. Ilrisultatoverràpresentatonell appositoboxelencotagecontenutisottostante Oltreavisualizzareitageicontenutipresentil elencopermetteunrapidoaccessoaitageaicontenuti stessi.infattiquestirisultanocliccabiliecollegatiallalorovisualizzazione. Pag. 7 di 20

8 Box"creazione"contenuti" Il box creazione contenuti permette la rapida creazione di tag, contenuti e URL cliccando sull apposito tasto. Diseguitosonoillustratelefunzionalitàdiciascunavocedelmenùprecedente. Crea,"Mostra"e"Modifica"Tag" Cliccandosu NuovoTag l utenteverràindirizzatosullapaginadicreazionediuntag.inquestapaginaè possibilespecificare: Numeroditagdacreare; Latitudine (è possibile specificare manualmente il valore della latitudine, in alternativa è possibile utilizzarelamappa); Longitudine (è possibile specificare manualmente il valore della longitudine, in alternativa è possibile utilizzarelamappa); Organizzazione(specificaredalmenuatendinal organizzazioneassociataaltag); Mappa (cliccando sulla mappa il puntatore verrà spostato sul punto cliccato ed i campi latitudine e longitudinedelformverrannoaggiornaticonlanuovaposizionedeltag). N.B.Nelcasodiutenteeditoreilmenuatendinadell organizzazioneconterràsoltantol organizzazionedi cuil editorefaparte. Pag. 8 di 20

9 Cliccando sul pulsante Crea verrà confermata la creazione del nuovo tag e l utente verrà reindirizzato sullapaginadielencotag. L elencodeitagèraggiungibileanchetramiteilpulsante TagElenco presenteinaltoadestra. CliccandosultagIDpresenteneltagelencoèpossibilevisualizzareidettaglirelativiaquellospecificotag, comenellaschermataseguente: In particolare verranno visualizzate le informazioni relative alla latitudine, longitudine e posizione sulla mappa.inoltreverràvisualizzatoilqrcode,generatoinautomaticodalsistema,eilcontenutoassociatoal tag. Tramiteilpulsante Modifica èpossibileprocedereallamodificadelleinformazionirelativealtag,mentre ilpulsante Elimina nepermettelasuaeliminazione. Il form di modifica tag permette di modificare la posizione del tag ed il contenuto ad esso associato. Premendoiltasto Aggiorna lemodificheverrannosalvate,mentrepremendoiltasto Annulla nessuna modificaverràapportataaltag(figuraseguente). Pag. 9 di 20

10 Creazione,"Modifica"e"Visualizzazione"Contenuto" Cliccandosu NuovoContenuto appariràlaseguenteschermata. Nelformsonopresentiiseguenticampi: Organizzazione(èpossibileinseriresoloorganizzazioniprecedentementecreateepresentinelmenùa tendina); Descrizione; Lingua; Titolo. Tuttiicampisonoobbligatoriepertanto,inassenzadialmenounodiquesti,nonèpossibileprocederealla creazionedelcontenuto. Pag. 10 di 20

11 Inparticolareunavoltaspecificatal organizzazione,saràvisibileunmenùatendinaincorrispondenzadel campolinguecontenentelelingueassociateall organizzazionestessa. Cliccandosultasto Crea,verràcreatoilnuovoarticoloel utenteverràindirizzatosullapaginadimodifica delcontenutostesso. Nellaschermataèpresenteladescrizionedelcontenuto(inquestocaso test ),lagestionedelletraduzioni, lagestionedeiparagrafi,lagestionedegliallegati. Sezione. Traduzioni. Vengonovisualizzateletraduzionipresentiedipulsanti AggiungiTraduzione e ModificaTraduzione. Cliccandosu AggiungiTraduzione appariràunafinestradidialogoincuièpossibileselezionareunalingua perlatraduzioneeduntitolo. Pag. 11 di 20

12 Cliccandosu Annulla nonverràcreatanessunatraduzione,mentrecliccandosu Aggiungi latraduzione verràcreata. Cliccandosumodificatraduzionicompariràlaseguenteschermata: Inquestoformèpossibilemodificareladescrizionedelcontenuto.Inoltreselezionandolaschedaconla linguaopportunaèpossibilemodificareicampi: Titolo; Visible(spuntandoilcheckboxcorrispondentelatraduzionesaràvisibile); Template(èpossibilesceglieredalmenuatendinatraleopzioni:default,allegati_rigth,allegati_top); Allegatodefault(specificailfileaudiodidefaultassociatoalcontenuto); dellatraduzionecorrispondente.cliccandosu Aggiorna lemodificheeffettuateverrannosalvate. Sezione.Paragrafi. Cliccandosu AggiungiParagrafo compariràlaschermatadicreazionediunnuovoparagrafo. Pag. 12 di 20

13 Selezionandolaschedaconlalinguadellatraduzionedelparagrafo,saràpossibileinserireiseguenticampi, corrispondentiatalelingua: Titolo; Visible; Template; Paragrafo. Perquantoriguardaiprimitrecampivalgonoleconsiderazionifatteperletraduzioni.Mentreperilcampo Paragrafo,èpossibileinseriredeltestoelinkadaltrepagineweb. Premendoiltasto AddFiles èpossibileinserireunallegatoditipoimmaginealparagrafo. In questa sezione è possibile gestiregliallegati.inparticolareselezionandounadelleschedetra Foto, Audio e Video èpossibilevisualizzaregliallegatiinbaseallatipologiaselezionata. Cliccandosu AggiungiAllegato èinvecepossibileaggiungereall articolounnuovoallegato. Pag. 13 di 20

14 Creazione,"Modifica,"Visualizzazione"ed"Eliminazione"URL" Cliccandosu ElencoURL èpossibilevisualizzarel elencodituttigliurlcreatisinoaquestomomento. Cliccandosu Nuovourl èpossibilecreareunnuovourlspecificandoiseguenticampi: Descrizione; URL(specificarel URLdellapaginacontenenteilcontenuto); Organizzazione(nelcasodell editore,ilmenuatendinaconterràsolol organizzazionedicuil editorefa parte). Dopoaverriempitoicampi,cliccandosultasto Crea,verràcreatounnuovoURLeverràvisualizzatol URL creatoaccompagnatodaunmessaggiodisuccesso. CliccandosudiunURLnellapaginadielencoèpossibilevisualizzareleproprietàdell URLstesso. Funzionalità"dell utente" admin " Cliccandosultasto admin comparirannoleprincipalioperazionichequestoprofilopuòcompiere: Pag. 14 di 20

15 Gestione.Tag.Cliccandosuquestavocedimenùl utenteverràindirizzatosullapaginadielencotagcome nellaschermataquiriportata: Da questa è possibile creare un nuovo tag premendo il tasto Nuovo Tag in alto a destra oppure visualizzareuntagcliccandosul Tagid corrispondente, oppure visualizzare un contenuto cliccando sul ContenutoAssociato. Gestione.Contenuti.Cliccandosuquestavocedimenùl utenteverràindirizzatosuunapaginachecontiene l elencodituttiicontenuticomenellaschermatadiseguitoriportata: Pag. 15 di 20

16 Daquestaèpossibilecreareunnuovocontenutocliccandosultasto NuovoContenuto inaltoadestra, visualizzare il contenuto stesso cliccando sulla sua Descrizione oppure visualizzare la traduzione del contenutocliccandosulla Traduzione desideratanellacolonnatraduzione. Gestione. Url. Cliccando su questa voce di menù l utente verrà indirizzato su una pagina che contiene l elencodituttigliurlcomenellaschermatadiseguitoriportata: DaquestaèpossibileeffettuarelacreazionediunnuovoURLtramitel appositotasto NuovoUrl.Inoltreè possibilevisualizzareleproprietàdell URLcliccandosull URLdesiderato. Pag. 16 di 20

17 Gestione.Organizzazioni.Cliccandosuquestavocedelmenù admin,l utenteaccedeallaschermataincui compaionotutteleorganizzazionicreate(inquestocasosolospecchia). Sesivuoleestenderel usodellapiattaformaadun altracittà,bastacliccaresu NuovaOrganizzazione in altoadestrapercreareunanuovaorganizzazionecompilandoilseguenteform: Inparticolareèpossibilespecificareiseguenticampi: Nomedell organizzazione(obbligatorio); Immagine (utilizzando il bottone Scegli file si aprirà una finestra di dialogo per la selezione del file desiderato). L immagine si può riferire per esempio al logo dell organizzazione, come nel caso di Specchiaincuicomeimmagineèstatoinseritolostemmacomunale. Cliccandosulpulsante Crea verràcreatalanuovaorganizzazioneel utenteverràreindirizzatosullapagina di modifica organizzazione dove potrà modificare i campi gestiti ed eventualmente settare le lingue associateall organizzazione,associarearticolie/outenti: Pag. 17 di 20

18 Aggiungere.una.lingua.Cliccandosu AggiungiLingua appariràunafinestradidialogoincuièpresenteun menùatendinachepermettelaselezionediunalinguadaunelencopreimpostato(figuraseguente). Cliccando su Aggiungi verrà aggiunta la lingua selezionata, mentre cliccando su Annulla non verrà aggiuntaalcunalinguael utentepotràcontinuareconaltreoperazioninellapaginadimodifica. Modificare. priorità. delle. lingue. Tenendo premuto il tasto sinistro del mouse su una lingua è possibile trascinarlasopraesottoinmododariordinarleinbaseallaloropriorità(comenellafiguraseguente).. Pag. 18 di 20

19 Aggiungere.un.articolo.Cliccandosu AggiungiArticolo l utenteverràindirizzatosullapaginadicreazione diunnuovoarticolo(figuraseguente). Aggiungere.un.utente.Cliccandosu AggiungiUtente l utenteverràindirizzatosullapaginadicreazionedi unnuovoutente(figuraseguente). Nelformsonopresentiiseguenticampi: Username(obbligatorio); Password(obbligatorio); (obbligatorio); Organizzazione(dall appositomenuatendinaèpossibileselezionarel organizzazionecuil utenteverrà associato); Name; Surname; Address; BirthDate; Pag. 19 di 20

20 Enabled(cliccandosulcheckboxsiabilital utente). Cliccandosu Crea verràcreatoilnuovoutenteeverràmostratounmessaggiodiconfermadiavvenuta creazionecomenellafiguraseguente. Gestione.Utenti.Cliccandosullavocegestioneutenti(figuraseguente):. l utenteverràreindirizzatosullapaginadielencodegliutenti(figuraseguente). Pag. 20 di 20