SlideShare a Scribd company logo
1 of 24
Download to read offline
Università degli Studi di Torino
Corso di Laurea Magistrale in Informatica
ANALISI E REDESIGN
DI UN SOCIAL GAME PER
L’INDIVIDUAZIONE DI TREND
Relatore: Prof.ssa Viviana Bono
Tesista: Andrea MarchettiCorrelatore: Dott.ssa Ilaria Lombardi
Correlatore: Dott.ssa Federica Cena
Nextatlas
Introduzione
Nuovo
iCoolhunt
Sviluppi
Futuri
Conclusioni


iCoolhunt
1 2 3 4 5 6
Indice degli argomenti trattati
Introduzione
contesto e terminologia
studio della creatività,
al fine di catturare gli
aspetti nascosti tramite
delle formalizzazioni.
Contesto
insieme di caratteristiche, dimensioni e idee
che esistono in un dato momento influenzando
pensiero, aspetto esteriore e atteggiamento di
un gruppo di persone.
Trend
Introduzione
ricerca dei trend: approcci
sociologico
computazionale
• Approccio tradizionale
• Interpretazione di un
trendhunter
• Previsione gusti futuri
• Long term forecasting
• Short term forecasting
• Tecniche statistiche
• Analisi stream di dati
provenienti da social
network
• Creazione cluster dati
• Editing di un esperto
Introduzione
il punto di partenza
Il cluster dovrebbe portare
con sé abbastanza
informazioni per esplicitare
collegamenti non evidenti
tra vari concetti.
Quali informazioni a
corredo dei dati possono
aiutare in questa
particolare estrazione
dell’informazione creativa?
?
metodologie
strumenti
limitino al massimo l’editing da
parte di un professionista
ottenendo una descrizione del
trend il più fruibile possibile
Le piattaforme utilizzate
Le piattaforme su cui si basa il nostro lavoro sono due:
entrambe appartenenti alla società iCoolhunt S.r.l, hanno
come elemento core il trend, ma si pongono a due livelli
diversi della catena di mercato.
Nextatlas
breve analisi
E’ una piattaforma online che fornisce la descrizione,
essenzialmente tramite immagini, di trend, destinati ad aziende
interessate alla creazione di nuovi prodotti.
Tracciare	
  trend	
  emergenti
Monitorare	
  tag,	
  risorse	
  di	
  input	
  e	
  geolocalizzazione
Salvare	
  e	
  organizzare	
  trend	
  esportando	
  report	
  customizzati
Nextatlas fornisce principalmente tre
tipologie di servizi ai propri utenti:
Nextatlas
processo di creazione trend
Editing
Immagini Cluster TrendStream
Nextatlas
il trend
L’elemento centrale di tutta la piattaforma è quindi il trend.
Titolo	
  e	
  descrizione	
  	
  
fornita	
  da	
  un’esperto	
  	
  
del	
  trend	
  in	
  questione.
Le	
  immagini	
  che	
  illustrano	
  la	
  trama	
  del	
  trend,	
  e	
  
dovrebbero	
  essere	
  strumento	
  di	
  inspirazione	
  per	
  
l’utente	
  dandone	
  una	
  chiara	
  declinazione.	
  
Altri strumenti
panoramica
Cool Hunter
Vogue
Trend Hunter
CH
Colette
Stylus
The Sartorialist
S
THE
sartorialist
iCoolhunt
l’analisi
E’ un social game multipiattaforma geolocalizzato che permette
ai propri utenti di identificare, definire e tracciare trend
emergenti su scala mondiale.
Insieme	
  di	
  immagini	
  con	
  
associato	
  un	
  titolo	
  che	
  
può	
  essere	
  iniziato,	
  
seguito	
  o	
  a	
  cui	
  si	
  può	
  
contribuire.	
  
Trendbox
E’	
  la	
  singola	
  immagine.	
  Ha	
  
associati	
  una	
  geolocalizzazione,	
  
una	
  serie	
  di	
  tag,	
  una	
  descrizione	
  e	
  
può	
  far	
  parte	
  di	
  un	
  trendbox.
Prey Funzionalità
Identificati	
  da	
  un	
  nickname,	
  
avranno	
  associato	
  uno	
  status.	
  
Hanno	
  la	
  possibilità	
  di	
  caricare	
  
prey,	
  creare	
  trendbox	
  e	
  votare	
  i	
  
contenuti.
Utenti
Vi	
  sono	
  funzionalità	
  di	
  
ricerca	
  tramite	
  parole	
  
chiave	
  e	
  tramite	
  luogo.
iCoolhunt
le principali problematiche riscontrate
Durante l’analisi condotta, sono stati rilevati alcuni problemi e
mancanze sia sotto il punto di vista di interfaccia che di usabilità.
Upload multiplo mancante
interfaccia	
  di	
  caricamento	
  
delle	
  immagini	
  prevede	
  
l’inserimento	
  di	
  un’immagine	
  
per	
  volta.	
  
Immagini mischiate a trendbox
la	
  mancanza	
  di	
  suddivisione	
  
tra	
  immagini	
  e	
  trendbox	
  
rende	
  la	
  schermata	
  poco	
  
chiara.
Organizzazione contenuti
i	
  contenuti	
  possono	
  solo	
  essere	
  
visti	
  in	
  ordine	
  cronologico.	
  I	
  
contenuti	
  più	
  rappresentativi	
  di	
  
un	
  utente	
  sono	
  mischiati	
  agli	
  
altri.
Cancellazione contenuti
Se	
  un	
  utente	
  inserisce	
  dei	
  
contenuti	
  non	
  adeguati	
  ad	
  un	
  
trendbox	
  il	
  proprietario	
  non	
  
può	
  rimuoverli.
Rimozione votazione
interfaccia	
  di	
  caricamento	
  
delle	
  immagini	
  prevede	
  
l’inserimento	
  di	
  
un’immagine	
  per	
  volta.	
  	
  
Ricerca
la	
  ricerca	
  è	
  limitata	
  alla	
  pagina	
  
in	
  cui	
  si	
  sta	
  navigando,	
  e	
  i	
  
risultati	
  sono	
  strettamente	
  
correlati	
  a	
  questo.	
  
iCoolhunt
analisi tecnologie di sviluppo
Interfaccia
L’interfaccia	
  è	
  stata	
  
sviluppata	
  utilizzando	
  un	
  
generatore	
  statico	
  di	
  siti	
  
web:	
  Wok.	
  L’idea	
  alla	
  base	
  di	
  
un	
  generatore	
  di	
  siti	
  consiste	
  
nella	
  possibilità	
  di	
  generare	
  
l’intero	
  sito	
  una	
  sola	
  volta	
  
prima	
  del	
  reale	
  bisogno,	
  e	
  
successivamente	
  rigenerare	
  
solo	
  le	
  pagine	
  che	
  sono	
  state	
  
modificate	
  esternamente.
Database
Il	
  database	
  che	
  viene	
  
utilizzato	
  all’interno	
  di	
  
iCoolhunt	
  è	
  PostgreSQL.	
  
Tutta	
  la	
  logica	
  applicativa,	
  
ovvero	
  la	
  gestione	
  di	
  utenti,	
  
contenuti	
  e	
  badge	
  viene	
  
gestita	
  tramite	
  l’uso	
  di	
  
procedure,	
  funzioni	
  e	
  trigger	
  
scritti	
  in	
  linguaggio	
  PL/SQL.	
  
iCoolhunt
casi d’uso esistenti
Login
Caricamento immagine
Inserimento trendbox esistente
Inserimento in nuovo trendbox e creazione trendbox
Votazione contenuti
Variazione votazione contenuti
Aggiunta immagine in trendbox
Ottenimento badge
iCoolhunt
casi d’uso ipotizzati
Fill my box
Share the box
Donate trendbox
How do you know me?
Creazione trendbox
Inserimento immagini trendbox appena creato
Raffinamento informazioni
Caratterizzazione trendbox
Merge di trendbox
Fork di trendbox
Ottenimento badge
Nuova versione iCoolhunt
gli strumenti
Bootstrap MongoDB
Gli strumenti principali utilizzati per lo
sviluppo del mock-up sono:
Nuova versione iCoolhunt
il mock-up
Realizzazione mock-up col fine di analizzare in che modo
strutturare la nuova versione di iCoolhunt per aumentare la
quantità di informazione ottenuta implicitamente, cercando di
limitare al minimo l’inserimento di informazioni da parte
dell’utente.
	
  
DESIGN
Abbiamo	
  deciso	
  di	
  utilizzare	
  la	
  forma	
  del	
  
quadrato	
  all’interno	
  di	
  tutto	
  il	
  mock-­‐up.
PROFILO
Strutturazione	
  a	
  portfolio.	
  
Divisione	
  in	
  tre	
  diverse	
  sezioni.
NAVIGAZIONE
Una	
  sola	
  barra	
  di	
  navigazione,	
  	
  
	
  pannello	
  laterale	
  in	
  cui	
  sono	
  mostrate	
  le	
  
informazioni	
  aggiuntive
DETTAGLIO	
  PREY
Dettaglio	
  di	
  una	
  singola	
  immagine,	
  con	
  tutte	
  
le	
  informazioni	
  aggiuntive	
  inserite	
  all’interno	
  
del	
  pannello	
  laterale.
GEOLOCALIZZAZIONE RICERCA
Geolocalizzazione	
  a	
  pagina	
  intera,	
  	
  
Possibilità	
  di	
  ricerca	
  trendbox.
Ricerca	
  tramite	
  tag.	
  
Risultati	
  divisi	
  a	
  seconda	
  della	
  tipologia.
UPLOAD
Inserimento	
  multiplo	
  di	
  immagini
Suggerimento	
  tag	
  
in	
  base	
  al	
  trendbox	
  
di	
  destinazione.
Tag	
  suggeriti	
  
tramite	
  estrazione	
  
automatica	
  dalle	
  
immagini.
Descrizione	
  
immagini	
  e	
  titolo	
  
del	
  trendbox	
  di	
  
destinazione.
Spazio	
  dedicato	
  alla	
  
geolocalizzazione
Selezione	
  delle	
  
immagini	
  che	
  
hanno	
  ispirato	
  
l’inserimento
Finestra	
  dedicata	
  all’upload	
  di	
  nuove	
  immagini.
Database
il mock-up
A partire dalle informazioni che abbiamo ipotizzato essere
presenti all’interno del nostro mock-up abbiamo provato ad
immaginare una possibile struttura del database.
Conclusioni
Maggiore	
  strutturazione	
  
delle	
  informazioni	
  
associate	
  ad	
  un	
  trendbox.
Maggiore	
  informazione	
  
associata	
  passivamente	
  
alle	
  immagini.
Strutturazione	
  di	
  un	
  
collegamento	
  tra	
  immagini	
  
che	
  aiuti	
  a	
  capire	
  quelli	
  che	
  
sono	
  le	
  più	
  rappresentative
Direzione	
  in	
  cui	
  muoversi	
  
per	
  la	
  realizzazione	
  della	
  
nuova	
  versione
Sviluppi futuri
Valutazione
mock-up
Implementazione
geolocalizzazione
Implementazione
della ricerca Realizzazione nuova
versione iCoolhunt
TWEEN
Implementazione
giochi

More Related Content

Viewers also liked

Big Data: Analisi del Sentiment
Big Data: Analisi del SentimentBig Data: Analisi del Sentiment
Big Data: Analisi del SentimentMiriade Spa
 
2 Sessione - Macchine virtuali per la scalabilità di calcolo per velocizzare ...
2 Sessione - Macchine virtuali per la scalabilità di calcolo per velocizzare ...2 Sessione - Macchine virtuali per la scalabilità di calcolo per velocizzare ...
2 Sessione - Macchine virtuali per la scalabilità di calcolo per velocizzare ...Jürgen Ambrosi
 
Linux Board. Corso di prototipazione rapida
Linux Board. Corso di prototipazione rapidaLinux Board. Corso di prototipazione rapida
Linux Board. Corso di prototipazione rapidaMultiverso
 
Celi presentazione @clic2014
Celi presentazione @clic2014 Celi presentazione @clic2014
Celi presentazione @clic2014 CELI
 
Problem solving
Problem solvingProblem solving
Problem solvingPPMaggi
 
Arduino to build a temperature graph on Azure
Arduino to build a temperature graph on AzureArduino to build a temperature graph on Azure
Arduino to build a temperature graph on AzureAngelo Gino Varrati
 
7° Sessione - L’intelligenza artificiale a supporto della ricerca, servizi di...
7° Sessione - L’intelligenza artificiale a supporto della ricerca, servizi di...7° Sessione - L’intelligenza artificiale a supporto della ricerca, servizi di...
7° Sessione - L’intelligenza artificiale a supporto della ricerca, servizi di...Jürgen Ambrosi
 
Progetto Alternanza Scuola Lavoro - Riccardo Di Pietro UNIME - Istituto Major...
Progetto Alternanza Scuola Lavoro - Riccardo Di Pietro UNIME - Istituto Major...Progetto Alternanza Scuola Lavoro - Riccardo Di Pietro UNIME - Istituto Major...
Progetto Alternanza Scuola Lavoro - Riccardo Di Pietro UNIME - Istituto Major...PhD. student @University of Catania,Italy
 
Introduzione alla programmazione
Introduzione alla programmazioneIntroduzione alla programmazione
Introduzione alla programmazioneEnrico La Sala
 
Esperienze di robotica creativa - Rospino
Esperienze di robotica creativa - RospinoEsperienze di robotica creativa - Rospino
Esperienze di robotica creativa - RospinoPaolo Tosato
 
Intelligenza 2436339
Intelligenza  2436339Intelligenza  2436339
Intelligenza 2436339imartini
 
Backdoor Coding: Analisi di una semplice backdoor e prime applicazioni
Backdoor Coding: Analisi di una semplice backdoor e prime applicazioniBackdoor Coding: Analisi di una semplice backdoor e prime applicazioni
Backdoor Coding: Analisi di una semplice backdoor e prime applicazioniSalvatore Lentini
 
Lie to me - Riconoscimento delle espressioni by G. Manno
Lie to me - Riconoscimento delle espressioni by G. MannoLie to me - Riconoscimento delle espressioni by G. Manno
Lie to me - Riconoscimento delle espressioni by G. MannoGabriele Manno
 
Come rilasciare App di Qualità
Come rilasciare App di QualitàCome rilasciare App di Qualità
Come rilasciare App di QualitàLuca Manara
 
Introduzione all’Iot e alle schede elettroniche
Introduzione all’Iot e alle schede elettronicheIntroduzione all’Iot e alle schede elettroniche
Introduzione all’Iot e alle schede elettronicheEnrico La Sala
 

Viewers also liked (18)

Big Data: Analisi del Sentiment
Big Data: Analisi del SentimentBig Data: Analisi del Sentiment
Big Data: Analisi del Sentiment
 
2 Sessione - Macchine virtuali per la scalabilità di calcolo per velocizzare ...
2 Sessione - Macchine virtuali per la scalabilità di calcolo per velocizzare ...2 Sessione - Macchine virtuali per la scalabilità di calcolo per velocizzare ...
2 Sessione - Macchine virtuali per la scalabilità di calcolo per velocizzare ...
 
Linux Board. Corso di prototipazione rapida
Linux Board. Corso di prototipazione rapidaLinux Board. Corso di prototipazione rapida
Linux Board. Corso di prototipazione rapida
 
Celi presentazione @clic2014
Celi presentazione @clic2014 Celi presentazione @clic2014
Celi presentazione @clic2014
 
Problem solving
Problem solvingProblem solving
Problem solving
 
Workshop arduino
Workshop arduinoWorkshop arduino
Workshop arduino
 
Arduino to build a temperature graph on Azure
Arduino to build a temperature graph on AzureArduino to build a temperature graph on Azure
Arduino to build a temperature graph on Azure
 
7° Sessione - L’intelligenza artificiale a supporto della ricerca, servizi di...
7° Sessione - L’intelligenza artificiale a supporto della ricerca, servizi di...7° Sessione - L’intelligenza artificiale a supporto della ricerca, servizi di...
7° Sessione - L’intelligenza artificiale a supporto della ricerca, servizi di...
 
Mappa Project
Mappa ProjectMappa Project
Mappa Project
 
Progetto Alternanza Scuola Lavoro - Riccardo Di Pietro UNIME - Istituto Major...
Progetto Alternanza Scuola Lavoro - Riccardo Di Pietro UNIME - Istituto Major...Progetto Alternanza Scuola Lavoro - Riccardo Di Pietro UNIME - Istituto Major...
Progetto Alternanza Scuola Lavoro - Riccardo Di Pietro UNIME - Istituto Major...
 
Introduzione alla programmazione
Introduzione alla programmazioneIntroduzione alla programmazione
Introduzione alla programmazione
 
Esperienze di robotica creativa - Rospino
Esperienze di robotica creativa - RospinoEsperienze di robotica creativa - Rospino
Esperienze di robotica creativa - Rospino
 
Intelligenza 2436339
Intelligenza  2436339Intelligenza  2436339
Intelligenza 2436339
 
Backdoor Coding: Analisi di una semplice backdoor e prime applicazioni
Backdoor Coding: Analisi di una semplice backdoor e prime applicazioniBackdoor Coding: Analisi di una semplice backdoor e prime applicazioni
Backdoor Coding: Analisi di una semplice backdoor e prime applicazioni
 
dietro_il_coding_2
dietro_il_coding_2dietro_il_coding_2
dietro_il_coding_2
 
Lie to me - Riconoscimento delle espressioni by G. Manno
Lie to me - Riconoscimento delle espressioni by G. MannoLie to me - Riconoscimento delle espressioni by G. Manno
Lie to me - Riconoscimento delle espressioni by G. Manno
 
Come rilasciare App di Qualità
Come rilasciare App di QualitàCome rilasciare App di Qualità
Come rilasciare App di Qualità
 
Introduzione all’Iot e alle schede elettroniche
Introduzione all’Iot e alle schede elettronicheIntroduzione all’Iot e alle schede elettroniche
Introduzione all’Iot e alle schede elettroniche
 

Similar to Analisi e redesign di un social game per l'individuazione di trend

Presentazione finale Smaple
Presentazione finale Smaple Presentazione finale Smaple
Presentazione finale Smaple ChiaraMonforte2
 
Presentazione del Blog "Rally The Troops"
Presentazione del Blog "Rally The Troops"Presentazione del Blog "Rally The Troops"
Presentazione del Blog "Rally The Troops"AndreaTursi
 
Il Responsive Web Design per le organizzazioni non profit (Tesi di laurea)
Il Responsive Web Design per le organizzazioni non profit (Tesi di laurea)Il Responsive Web Design per le organizzazioni non profit (Tesi di laurea)
Il Responsive Web Design per le organizzazioni non profit (Tesi di laurea)francescovitale
 
Architettura Dellinformazione_SdcExpert@Work
Architettura Dellinformazione_SdcExpert@WorkArchitettura Dellinformazione_SdcExpert@Work
Architettura Dellinformazione_SdcExpert@WorkRoberta Sanzani
 
Portfolio ux ui_gellify
Portfolio ux ui_gellifyPortfolio ux ui_gellify
Portfolio ux ui_gellifyGELLIFY
 
InBicocca, non si cerca, si trova!
InBicocca, non si cerca, si trova!InBicocca, non si cerca, si trova!
InBicocca, non si cerca, si trova!Sara M
 
BigUD pitch - Working Capital
BigUD pitch - Working CapitalBigUD pitch - Working Capital
BigUD pitch - Working CapitalMarco Camilli
 
Come nasce una community WEB 2.0
Come nasce una community WEB 2.0Come nasce una community WEB 2.0
Come nasce una community WEB 2.0Sgrauso
 
We Will Shock You - Presentazione
We Will Shock You - PresentazioneWe Will Shock You - Presentazione
We Will Shock You - PresentazioneWeWillShockYou
 
Analisi multi-dimensionale di una rivoluzione tecnologica e sociale
Analisi multi-dimensionale di una rivoluzione tecnologica e socialeAnalisi multi-dimensionale di una rivoluzione tecnologica e sociale
Analisi multi-dimensionale di una rivoluzione tecnologica e socialeErika Montoli
 
Smau Milano 2016 - Clouditalia Telecomunicazioni
Smau Milano 2016 - Clouditalia TelecomunicazioniSmau Milano 2016 - Clouditalia Telecomunicazioni
Smau Milano 2016 - Clouditalia TelecomunicazioniSMAU
 
Tech noodles presentazione finale_celeri_lucini_marangon
Tech noodles presentazione finale_celeri_lucini_marangonTech noodles presentazione finale_celeri_lucini_marangon
Tech noodles presentazione finale_celeri_lucini_marangonFrancesca Lucini
 
Strumenti di Visual Storytelling: scopri il Webinar Ninja Academy
Strumenti di Visual Storytelling: scopri il Webinar Ninja AcademyStrumenti di Visual Storytelling: scopri il Webinar Ninja Academy
Strumenti di Visual Storytelling: scopri il Webinar Ninja AcademyNinja Academy
 
Web reputation
Web reputationWeb reputation
Web reputationfgalbiati
 

Similar to Analisi e redesign di un social game per l'individuazione di trend (20)

Presentazione finale Smaple
Presentazione finale Smaple Presentazione finale Smaple
Presentazione finale Smaple
 
Presentazione del Blog "Rally The Troops"
Presentazione del Blog "Rally The Troops"Presentazione del Blog "Rally The Troops"
Presentazione del Blog "Rally The Troops"
 
Il Responsive Web Design per le organizzazioni non profit (Tesi di laurea)
Il Responsive Web Design per le organizzazioni non profit (Tesi di laurea)Il Responsive Web Design per le organizzazioni non profit (Tesi di laurea)
Il Responsive Web Design per le organizzazioni non profit (Tesi di laurea)
 
Architettura Dellinformazione_SdcExpert@Work
Architettura Dellinformazione_SdcExpert@WorkArchitettura Dellinformazione_SdcExpert@Work
Architettura Dellinformazione_SdcExpert@Work
 
Portfolio ux ui_gellify
Portfolio ux ui_gellifyPortfolio ux ui_gellify
Portfolio ux ui_gellify
 
Presentazione Blog SayCheese
Presentazione Blog SayCheesePresentazione Blog SayCheese
Presentazione Blog SayCheese
 
InBicocca, non si cerca, si trova!
InBicocca, non si cerca, si trova!InBicocca, non si cerca, si trova!
InBicocca, non si cerca, si trova!
 
BigUD pitch - Working Capital
BigUD pitch - Working CapitalBigUD pitch - Working Capital
BigUD pitch - Working Capital
 
Come nasce una community WEB 2.0
Come nasce una community WEB 2.0Come nasce una community WEB 2.0
Come nasce una community WEB 2.0
 
We Will Shock You - Presentazione
We Will Shock You - PresentazioneWe Will Shock You - Presentazione
We Will Shock You - Presentazione
 
Dartheweb finale
Dartheweb finaleDartheweb finale
Dartheweb finale
 
Analisi multi-dimensionale di una rivoluzione tecnologica e sociale
Analisi multi-dimensionale di una rivoluzione tecnologica e socialeAnalisi multi-dimensionale di una rivoluzione tecnologica e sociale
Analisi multi-dimensionale di una rivoluzione tecnologica e sociale
 
Smau Milano 2016 - Clouditalia Telecomunicazioni
Smau Milano 2016 - Clouditalia TelecomunicazioniSmau Milano 2016 - Clouditalia Telecomunicazioni
Smau Milano 2016 - Clouditalia Telecomunicazioni
 
Tech noodles presentazione finale_celeri_lucini_marangon
Tech noodles presentazione finale_celeri_lucini_marangonTech noodles presentazione finale_celeri_lucini_marangon
Tech noodles presentazione finale_celeri_lucini_marangon
 
R&D retis
R&D retisR&D retis
R&D retis
 
WEBTOPIA BLOG
WEBTOPIA BLOGWEBTOPIA BLOG
WEBTOPIA BLOG
 
Lezione 01/2006
Lezione 01/2006Lezione 01/2006
Lezione 01/2006
 
Strumenti di Visual Storytelling: scopri il Webinar Ninja Academy
Strumenti di Visual Storytelling: scopri il Webinar Ninja AcademyStrumenti di Visual Storytelling: scopri il Webinar Ninja Academy
Strumenti di Visual Storytelling: scopri il Webinar Ninja Academy
 
Web reputation
Web reputationWeb reputation
Web reputation
 
Davide Turi - Moltomedia
Davide Turi - MoltomediaDavide Turi - Moltomedia
Davide Turi - Moltomedia
 

Analisi e redesign di un social game per l'individuazione di trend

  • 1. Università degli Studi di Torino Corso di Laurea Magistrale in Informatica ANALISI E REDESIGN DI UN SOCIAL GAME PER L’INDIVIDUAZIONE DI TREND Relatore: Prof.ssa Viviana Bono Tesista: Andrea MarchettiCorrelatore: Dott.ssa Ilaria Lombardi Correlatore: Dott.ssa Federica Cena
  • 3. Introduzione contesto e terminologia studio della creatività, al fine di catturare gli aspetti nascosti tramite delle formalizzazioni. Contesto insieme di caratteristiche, dimensioni e idee che esistono in un dato momento influenzando pensiero, aspetto esteriore e atteggiamento di un gruppo di persone. Trend
  • 4. Introduzione ricerca dei trend: approcci sociologico computazionale • Approccio tradizionale • Interpretazione di un trendhunter • Previsione gusti futuri • Long term forecasting • Short term forecasting • Tecniche statistiche • Analisi stream di dati provenienti da social network • Creazione cluster dati • Editing di un esperto
  • 5. Introduzione il punto di partenza Il cluster dovrebbe portare con sé abbastanza informazioni per esplicitare collegamenti non evidenti tra vari concetti. Quali informazioni a corredo dei dati possono aiutare in questa particolare estrazione dell’informazione creativa? ? metodologie strumenti limitino al massimo l’editing da parte di un professionista ottenendo una descrizione del trend il più fruibile possibile
  • 6. Le piattaforme utilizzate Le piattaforme su cui si basa il nostro lavoro sono due: entrambe appartenenti alla società iCoolhunt S.r.l, hanno come elemento core il trend, ma si pongono a due livelli diversi della catena di mercato.
  • 7. Nextatlas breve analisi E’ una piattaforma online che fornisce la descrizione, essenzialmente tramite immagini, di trend, destinati ad aziende interessate alla creazione di nuovi prodotti. Tracciare  trend  emergenti Monitorare  tag,  risorse  di  input  e  geolocalizzazione Salvare  e  organizzare  trend  esportando  report  customizzati Nextatlas fornisce principalmente tre tipologie di servizi ai propri utenti:
  • 8. Nextatlas processo di creazione trend Editing Immagini Cluster TrendStream
  • 9. Nextatlas il trend L’elemento centrale di tutta la piattaforma è quindi il trend. Titolo  e  descrizione     fornita  da  un’esperto     del  trend  in  questione. Le  immagini  che  illustrano  la  trama  del  trend,  e   dovrebbero  essere  strumento  di  inspirazione  per   l’utente  dandone  una  chiara  declinazione.  
  • 10. Altri strumenti panoramica Cool Hunter Vogue Trend Hunter CH Colette Stylus The Sartorialist S THE sartorialist
  • 11. iCoolhunt l’analisi E’ un social game multipiattaforma geolocalizzato che permette ai propri utenti di identificare, definire e tracciare trend emergenti su scala mondiale. Insieme  di  immagini  con   associato  un  titolo  che   può  essere  iniziato,   seguito  o  a  cui  si  può   contribuire.   Trendbox E’  la  singola  immagine.  Ha   associati  una  geolocalizzazione,   una  serie  di  tag,  una  descrizione  e   può  far  parte  di  un  trendbox. Prey Funzionalità Identificati  da  un  nickname,   avranno  associato  uno  status.   Hanno  la  possibilità  di  caricare   prey,  creare  trendbox  e  votare  i   contenuti. Utenti Vi  sono  funzionalità  di   ricerca  tramite  parole   chiave  e  tramite  luogo.
  • 12. iCoolhunt le principali problematiche riscontrate Durante l’analisi condotta, sono stati rilevati alcuni problemi e mancanze sia sotto il punto di vista di interfaccia che di usabilità. Upload multiplo mancante interfaccia  di  caricamento   delle  immagini  prevede   l’inserimento  di  un’immagine   per  volta.   Immagini mischiate a trendbox la  mancanza  di  suddivisione   tra  immagini  e  trendbox   rende  la  schermata  poco   chiara. Organizzazione contenuti i  contenuti  possono  solo  essere   visti  in  ordine  cronologico.  I   contenuti  più  rappresentativi  di   un  utente  sono  mischiati  agli   altri. Cancellazione contenuti Se  un  utente  inserisce  dei   contenuti  non  adeguati  ad  un   trendbox  il  proprietario  non   può  rimuoverli. Rimozione votazione interfaccia  di  caricamento   delle  immagini  prevede   l’inserimento  di   un’immagine  per  volta.     Ricerca la  ricerca  è  limitata  alla  pagina   in  cui  si  sta  navigando,  e  i   risultati  sono  strettamente   correlati  a  questo.  
  • 13. iCoolhunt analisi tecnologie di sviluppo Interfaccia L’interfaccia  è  stata   sviluppata  utilizzando  un   generatore  statico  di  siti   web:  Wok.  L’idea  alla  base  di   un  generatore  di  siti  consiste   nella  possibilità  di  generare   l’intero  sito  una  sola  volta   prima  del  reale  bisogno,  e   successivamente  rigenerare   solo  le  pagine  che  sono  state   modificate  esternamente. Database Il  database  che  viene   utilizzato  all’interno  di   iCoolhunt  è  PostgreSQL.   Tutta  la  logica  applicativa,   ovvero  la  gestione  di  utenti,   contenuti  e  badge  viene   gestita  tramite  l’uso  di   procedure,  funzioni  e  trigger   scritti  in  linguaggio  PL/SQL.  
  • 14. iCoolhunt casi d’uso esistenti Login Caricamento immagine Inserimento trendbox esistente Inserimento in nuovo trendbox e creazione trendbox Votazione contenuti Variazione votazione contenuti Aggiunta immagine in trendbox Ottenimento badge
  • 15. iCoolhunt casi d’uso ipotizzati Fill my box Share the box Donate trendbox How do you know me? Creazione trendbox Inserimento immagini trendbox appena creato Raffinamento informazioni Caratterizzazione trendbox Merge di trendbox Fork di trendbox Ottenimento badge
  • 16. Nuova versione iCoolhunt gli strumenti Bootstrap MongoDB Gli strumenti principali utilizzati per lo sviluppo del mock-up sono:
  • 17. Nuova versione iCoolhunt il mock-up Realizzazione mock-up col fine di analizzare in che modo strutturare la nuova versione di iCoolhunt per aumentare la quantità di informazione ottenuta implicitamente, cercando di limitare al minimo l’inserimento di informazioni da parte dell’utente.  
  • 18. DESIGN Abbiamo  deciso  di  utilizzare  la  forma  del   quadrato  all’interno  di  tutto  il  mock-­‐up. PROFILO Strutturazione  a  portfolio.   Divisione  in  tre  diverse  sezioni.
  • 19. NAVIGAZIONE Una  sola  barra  di  navigazione,      pannello  laterale  in  cui  sono  mostrate  le   informazioni  aggiuntive DETTAGLIO  PREY Dettaglio  di  una  singola  immagine,  con  tutte   le  informazioni  aggiuntive  inserite  all’interno   del  pannello  laterale.
  • 20. GEOLOCALIZZAZIONE RICERCA Geolocalizzazione  a  pagina  intera,     Possibilità  di  ricerca  trendbox. Ricerca  tramite  tag.   Risultati  divisi  a  seconda  della  tipologia.
  • 21. UPLOAD Inserimento  multiplo  di  immagini Suggerimento  tag   in  base  al  trendbox   di  destinazione. Tag  suggeriti   tramite  estrazione   automatica  dalle   immagini. Descrizione   immagini  e  titolo   del  trendbox  di   destinazione. Spazio  dedicato  alla   geolocalizzazione Selezione  delle   immagini  che   hanno  ispirato   l’inserimento Finestra  dedicata  all’upload  di  nuove  immagini.
  • 22. Database il mock-up A partire dalle informazioni che abbiamo ipotizzato essere presenti all’interno del nostro mock-up abbiamo provato ad immaginare una possibile struttura del database.
  • 23. Conclusioni Maggiore  strutturazione   delle  informazioni   associate  ad  un  trendbox. Maggiore  informazione   associata  passivamente   alle  immagini. Strutturazione  di  un   collegamento  tra  immagini   che  aiuti  a  capire  quelli  che   sono  le  più  rappresentative Direzione  in  cui  muoversi   per  la  realizzazione  della   nuova  versione
  • 24. Sviluppi futuri Valutazione mock-up Implementazione geolocalizzazione Implementazione della ricerca Realizzazione nuova versione iCoolhunt TWEEN Implementazione giochi