Università degli Studi di TorinoCorso di Laurea Magistrale in Informatica

ANALISI E REDESIGN DI UN SOCIAL GAME PER

L’INDIVIDUAZIONE DI TREND

Relatore: Prof.ssa Viviana BonoTesista: 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

Introduzionecontesto 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

Introduzionericerca dei trend: approcci

sociologico

Tramite tecniche statistiche

computazionale

Approccio tradizionale

• 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

Introduzioneil 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?

?

metodologiestrumenti

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.

Nextatlasbreve 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:

Nextatlasprocesso di creazione trend

Editing

Immagini Cluster TrendStream

Nextatlasil 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 strumentipanoramica

Cool Hunter

Vogue

Trend Hunter

CH

Colette

Stylus

The Sartorialist

S

THE sartorialist

iCoolhuntl’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.

iCoolhuntle 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 mancanteinterfaccia  di  caricamento  delle  immagini  prevede  

l’inserimento  di  un’immagine  per  volta.  

Immagini mischiate a trendboxla  mancanza  di  suddivisione  tra  immagini  e  trendbox  rende  la  schermata  poco  

chiara.

Organizzazione contenutii  contenuti  possono  solo  essere  visti  in  ordine  cronologico.  I  

contenuti  più  rappresentativi  di  un  utente  sono  mischiati  agli  

altri.

Cancellazione contenutiSe  un  utente  inserisce  dei  

contenuti  non  adeguati  ad  un  trendbox  il  proprietario  non  

può  rimuoverli.

Rimozione votazioneinterfaccia  di  caricamento  delle  immagini  prevede  

l’inserimento  di  un’immagine  per  volta.    

Ricercala  ricerca  è  limitata  alla  pagina  

in  cui  si  sta  navigando,  e  i  risultati  sono  strettamente  

correlati  a  questo.  

iCoolhuntanalisi tecnologie di sviluppo

InterfacciaL’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.  

iCoolhuntcasi d’uso esistenti

LoginCaricamento immagineInserimento trendbox esistenteInserimento in nuovo trendbox e creazione trendbox Votazione contenuti Variazione votazione contenuti Aggiunta immagine in trendbox Ottenimento badge

iCoolhuntcasi d’uso ipotizzati

Fill my boxShare the box

Donate trendboxHow 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 iCoolhuntgli strumenti

Bootstrap MongoDB

Gli strumenti principali utilizzati per lo sviluppo del mock-up sono:

Nuova versione iCoolhuntil 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.

Databaseil 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