laboratorio di interazione uomo macchina: scuolavicina

22
Mock-up dell’applicazione «ScuolaVicina» Laboratorio di Interazione uomo macchina: «ScuolaVicina» Questa opera di Luca Salvini è distribuita con Licenza Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale. Luca Salvini Classe: A4 Tutor: Milena Tanca Data: 11/04/2014 LB03 – Laboratorio di interazione uomo-macchina: ScuolaVicina

Upload: luca-salvini-miur

Post on 15-Jun-2015

85 views

Category:

Education


0 download

DESCRIPTION

Laboratorio di Interazione uomo macchina: «ScuolaVicina». Mock-up dell’applicazione «ScuolaVicina»

TRANSCRIPT

Page 1: Laboratorio di Interazione uomo macchina: ScuolaVicina

Mock-up dell’applicazione «ScuolaVicina»

Laboratorio di Interazione uomo macchina:

«ScuolaVicina»

Questa opera di Luca Salvini è distribuita con Licenza

Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale.

Luca Salvini Classe: A4Tutor: Milena Tanca Data: 11/04/2014LB03 – Laboratorio di interazione uomo-macchina: ScuolaVicina

Page 2: Laboratorio di Interazione uomo macchina: ScuolaVicina

SCELTA DELL’APPLICAZIONE

1. Si effettuerà la progettazione, mediante mockup, di ScuolaVicina

2. ScuolaVicina vuole essere un’applicazione gratuita per la conoscenza delle scuole italiane, delle loro caratteristiche e per la visualizzazione di esse sulle mappe, con informazioni e valutazioni di tipo social create dagli utenti

3. È progettata specificatamente per essere utilizzata su dispositivi Smartphone dotati di GPS; è possibile, ma non garantita, la funzionalità su tablet

Page 3: Laboratorio di Interazione uomo macchina: ScuolaVicina

INTRODUZIONE

Nelle successive diapositive verranno definiti:

• I Requisiti

• Gli Stakeholders (portatori di interessi)

• Gli obiettivi/bisogni che l'applicazione dovrebbe soddisfare per ciascuno dei vari stakeholders nei diversi contesti d'uso

• I Vincoli cui è soggetta l’applicazione

• Alcuni (cinque) scenari di interazione

• Un Prototipo mockup dei contenuti, delle funzionalità, dell’interazione e di come sono correlati, con simulazione interattiva di tre degli scenari previsti

Page 4: Laboratorio di Interazione uomo macchina: ScuolaVicina

REQUISITI

I requisiti possono essere distinti in due categorie:

1. Requisiti funzionali• I requisiti funzionali riguardano i servizi e le funzionalità che

l’applicazione dovrebbe eseguire; ad esempio è un requisito funzionale l’applicazione deve consentire l'inserimento la ricezione di informazioni sulla geo localizzazione della scuola.

2. Requisiti NON funzionali• I requisiti NON funzionali concernono tutti gli altri requisiti

dell’applicazione, che non sono di per sé essenziali alle funzionalità, ma che la renderebbero apprezzabile, come usabilità, prestazioni/ scalabilità, robustezza/affidabilità, sicurezza, gradevolezza, business; ad esempio è un requisito non funzionale l’applicazione deve essere gratuita e deve far sentire la scuola vicina alla famiglia.

Page 5: Laboratorio di Interazione uomo macchina: ScuolaVicina

REQUISITI FUNZIONALI

Riguardo ai requisiti funzionali, l’applicazione ScuolaVicina deve:

1. consentire all'utente di trovare qualunque scuola presente nel territorio italiano così come risultante dal bollettino ufficiale delle scuole italiane

2. Visualizzare le informazioni aggiornate sulla scuola (indirizzo, telefono, geo localizzazione), ordine, grado e indirizzi di studio di ciascuna scuola

3. Rendere accessibili alcune informazioni statistiche sulla scuola, sul personale, sul Dirigente Scolastico, così come risulta dal servizio del MIUR Scuolainchiaro

4. Rendere visualizzabili gli indirizzi e le articolazioni di studio presenti nell’ordinamento scolastico italiano per la scuola secondaria di secondo grado

5. consentire l'inserimento e la ricezione di informazioni aggiuntive, commenti e feedback in tempo reale sulle scuole, sui servizi forniti e sulle informazioni presenti; le informazioni aggiuntive devono essere memorizzate sul server del sistema che eroga il servizio per la costruzione «sociale» di informazioni

6. Visualizzare la posizione delle scuole su sistemi di mappe (come Google maps)

7. consentire l'inserimento e l'aggiornamento della posizione delle scuole, dei servizi forniti da esse e la valutazione di questi da parte dell’utente

Page 6: Laboratorio di Interazione uomo macchina: ScuolaVicina

REQUISITI NON FUNZIONALI

Riguardo ai requisiti NON funzionali, l’applicazione deve:

1. dare all'utente una sensazione di vicinanza delle istituzioni scolastiche in termini di informazioni facilmente accessibili e aggiornate

2. dare all'utente una sensazione di vicinanza delle istituzioni scolastiche in termini visuali sulla mappa mostrando i plessi scolastici attorno alla posizione corrente dell’utente

3. essere anche divertente, regalando riconoscimenti agli utenti che forniscono informazioni aggiuntive o valutazioni o commenti alle informazioni presenti

Page 7: Laboratorio di Interazione uomo macchina: ScuolaVicina

STAKEHOLDERS

I portatori di interessi sono:

1. I genitori che hanno iscritto o sono interessati ad iscrivere i figli a scuola

2. Gli studenti, con particolare riferimento a quelli che intendono iscriversi al 1° anno della scuola secondaria di II grado, e i relativi genitori

3. I docenti, i dirigenti scolastici, i dirigenti tecnici e il personale degli uffici delle amministrazioni centrale e periferica del Ministero dell’Istruzione, dell’Università e della Ricerca

4. Il personale esterno alla scuola che collabora con le scuole, come quello dei servizi socio-sanitari

Page 8: Laboratorio di Interazione uomo macchina: ScuolaVicina

OBIETTIVI/BISOGNI

L’applicazione deve soddisfare i seguenti obiettivi/bisogni per ciascuno dei vari stakeholders nei diversi contesti d'uso

1. Per gli utenti genitori che hanno iscritto o sono interessati ad iscrivere i figli a scuola :

• avere informazioni su una specifica istituzione scolastica di un particolare territorio

2. Per gli utenti studenti, con particolare riferimento a quelli che intendono iscriversi al 1° anno della scuola secondaria di II grado

• Avere informazioni sugli indirizzi di studio esistenti in Italia e su quelli disponibili in un certo territorio

3. Per gli utenti docenti, Dirigenti Scolastici, Dirigenti Tecnici e per il personale degli uffici centrali e periferici del MIUR

• Reperire dati di contatto, CV dei DS ed elementi statistici di valutazione su un’istituzione scolastica.

4. Per Il personale esterno alla scuola che collabora con le scuole, come quello dei servizi socio-sanitari

• Reperire dati di contatto delle istituzioni scolastiche

Page 9: Laboratorio di Interazione uomo macchina: ScuolaVicina

Il progetto è sottoposto ai seguenti vincoli:

• presenza di dispositivo capace di rilevare un segnale GPS valido per visualizzare sulla mappa la posizione dell’utente rispetto a quella delle istituzioni scolastiche vicine

• presenza di rete dati con connessione dell'utente durante l’utilizzo da parte dell’utente interessato a visualizzare la posizione delle scuole rispetto alla propria per la partecipazione sociale e l’inserimento di informazioni aggiuntive

• La visualizzazione su mappa deve continuare a funzionare anche in caso di perdita di collegamento alla rete dati, in un ambito di distanza ampio

• Non devono essere presenti costi per l’inserimento e l'aggiornamento delle informazioni aggiuntive

• L’applicazione deve essere rilasciata per sistemi operativi di Smartphone sia in piattaforma Android (ad es. Samsung Galaxy) che in piattaforma Apple (ad es. Iphone)

VINCOLI

Page 10: Laboratorio di Interazione uomo macchina: ScuolaVicina

PROGETTAZIONE (1)

Il seguente schema rappresenta la progettazione di massima con riferimento all’utilizzo per l’utente da Smartphone in termini di dati, funzionalità, interfaccia visiva, interazione e di relazioni tra di essi.

Alcune frecce sono esclusivamente unidirezionali (ad es. dal segnale GPS al dispositivo, altre bidirezionali, ad es. tra Scuole e Database di ScuolaVicina)

Page 11: Laboratorio di Interazione uomo macchina: ScuolaVicina

PROGETTAZIONE (2)

Descrizione dello schema:

• Informazione (dati): L'applicazione deve leggere il segnale GPS, mostrare la posizione sulla mappa, consentire l’inserimento della destinazione, tener conto dei dati segnalati al server dagli utenti tramite la rete dati e mostrare la posizione delle scuole sulla mappa

• Funzionalità: L'utente può impostare i parametri della ricerca (tutte le scuole, scuole dell’infanzia, primaria, secondaria di primo grado, secondaria di secondo grado) e della visualizzazione (mappa o lista) e recuperare le impostazioni da ogni dispositivo (smartphone). Dal menu principale si deve poter accedere alle operazioni fondamentali di ricerca, visualizzazione su mappa o su lista. Dal menu di Info devono essere disponibili le informazioni sullo stato dei percorsi di studio esistenti nell’ordinamento italiano e le funzioni di segnalazione. Con interazione diretta sullo schermo si deve poter zoomare o spostarsi sulla mappa.

Page 12: Laboratorio di Interazione uomo macchina: ScuolaVicina

PROGETTAZIONE (3)

• Interfaccia visiva: L'interfaccia visiva deve funzionare preferenzialmente su dispositivi touch; l'icona di avvio deve ricordare la scuola e gli studenti; all'avvio deve essere disponibile una barra per la scelta della località per cui si vuole effettuare la ricerca. Due pulsanti consentono l'accesso rispettivamente alle funzioni del menu e delle info (percorsi di studio e segnalazioni dell'utente). All'interno del menu principale devono essere presenti le funzioni fondamentali a cui si avrà accesso dall'icona corrispondente come la scelta tra mappa e lista, la configurazione della ricerca (tutte le scuole, scuola dell’infanzia, primaria, secondaria di primo grado, secondaria di secondo grado); accedendo alla funzione di Info deve essere possibile visualizzare i percorsi di studio, segnalare situazioni come la qualità riscontrata nei servizi, l’adeguatezza dei laboratori, la disponibilità del personale della scuola, la correttezza delle informazioni fornite. Un opportuno cursore deve indicare sempre la posizione attuale del dispositivo sulla mappa.

• Interazione: L'utente interagisce con il sistema toccando il dispositivo; durante la navigazione può ricevere informazioni anche tramite l’altoparlante. Potrà selezionare voci dal menu e dalle info toccando il dispositivo; potrà ingrandire o rimpicciolire la visualizzazione delle mappe con il movimento di due dita e potrà spostarsi sulla mappa trascinando il dito sul display.

Page 13: Laboratorio di Interazione uomo macchina: ScuolaVicina

ALCUNI SCENARI DI INTERAZIONE

• Uno scenario è una sorta di racconto di come gli utenti usano la tecnologia, con la descrizione dei singoli momenti dell'interazione.

• Lo scenario definisce quali sono gli utenti, l'obiettivo e l’attività di questi, il contesto d'uso e il modo in cui un utente interagisce con l’applicazione.

• Descriveremo 5 distinti scenari, qui denominati rispettivamente A, B, C, D ed E.

Page 14: Laboratorio di Interazione uomo macchina: ScuolaVicina

CARATTERISTICHE DELLO SCENARIO A

Profilo utente: Genitore dotato di Smartphone con GPS e connessione alla rete dati.

Obiettivo: Conoscere le scuole presenti in un certo ambito territoriale.

Attività: Visualizzazione sulla mappa di informazioni da Smartphone.

Contesto d’uso: A casa o al di fuori del lavoro con i familiari.

Page 15: Laboratorio di Interazione uomo macchina: ScuolaVicina

CARATTERISTICHE DELLO SCENARIO B

Profilo utente: Genitore di studente o studente in procinto di iscriversi alla scuola secondaria di secondo grado, dotato di Smartphone con GPS e connessione alla rete dati.

Obiettivo: Conoscere le scuole secondarie di secondo grado presenti in un certo ambito territoriale.

Attività: Visualizzazione della lista delle scuole con lo Smartphone.

Contesto d’uso: Con i familiari o con gli amici o nei momenti liberi.

Page 16: Laboratorio di Interazione uomo macchina: ScuolaVicina

CARATTERISTICHE DELLO SCENARIO C

Profilo utente: Studente dotato di Smartphone con GPS e connessione alla rete dati.

Obiettivo: Conoscere gli indirizzi di studio nelle scuole secondarie di secondo grado di un certo ambito territoriale.

Attività: Visualizzazione di informazioni da Smartphone.

Contesto d’uso: In momenti liberi dallo studio, anche insieme ad amici o familiari.

Page 17: Laboratorio di Interazione uomo macchina: ScuolaVicina

CARATTERISTICHE DELLO SCENARIO D

Profilo utente: Studente dotato di Smartphone con GPS e connessione alla rete dati.

Obiettivo: Conoscere i possibili indirizzi di studio e le articolazioni presenti negli Istituti Tecnici Tecnologici (ITT).

Attività: Visualizzazione di informazioni sugli indirizzi di studio presenti negli ordinamenti delle scuole.

Contesto d’uso:

In momenti liberi dallo studio, anche insieme ad amici o familiari.

Page 18: Laboratorio di Interazione uomo macchina: ScuolaVicina

CARATTERISTICHE DELLO SCENARIO E

Profilo utente: Dirigente Tecnico dotato di Smartphone con GPS e connessione alla rete dati, in visita ispettiva.

Obiettivo: Individuare i contatti telefonici, l’email e l’indirizzo della scuola che si intende visitare.

Attività: Visualizzazione informazioni di contatto e di mappe con la posizione della scuola.

Contesto d’uso: In ufficio o in auto in orario di lavoro.

Page 19: Laboratorio di Interazione uomo macchina: ScuolaVicina

PROTOTIPO MOCKUP, SCENARIO A(Informazioni su Mappa)

1. Tocca con il dito sulla Barra di ricerca

2. Digita la destinazione

3. Tocca su Cerca

4. Tocca su una Scuola

ARTF03000CITI GALILEO FERRARISSCUOLA SECONDARIA DI SECONDO GRADO

PIAZZA PALERMO,1

SAN GIOVANNI VALDARNO52027Tel.: [email protected]

[email protected]

Sito: www.itissgv.it

Lat. 43,57Long. 11,52

5. Visualizza le informazioni sulla Scuola e tocca per tornare alla Mappa

Page 20: Laboratorio di Interazione uomo macchina: ScuolaVicina

Si eseguono gli stessi passi dello scenario A seguiti da:

1. Tocca il Menù 2. Tocca

Impostazioni

3. Tocca Secondaria di 2° grado

4. Seleziona Menu e poi Lista

5. Visualizza L’elenco

PROTOTIPO MOCKUP, SCENARIO B(Lista scuole)

Mappa Lista

Impostazioni

Scuola dell’Infanzia

Primaria

Tutte le Scuole

Secondaria 1° grado

Secondaria 2° grado

Mappa Lista

Impostazioni

Page 21: Laboratorio di Interazione uomo macchina: ScuolaVicina

1. Tocca Info e poi Percorsi 4. Tocca

Istituti Tecnici 5. Visualizza i Percorsi di studio (indirizzi)

PROTOTIPO MOCKUP, SCENARIO D(Percorsi di studio)

Segnalazioni

Percorsi

3. Tocca Secondaria di 2° grado

Licei

Istituti Tecnici

Istituti Professionali

5. Tocca Settore Tecnologico

Scuola dell’Infanzia

Primaria

Tutte le Scuole

Secondaria 1° grado

Secondaria 2° grado Settore

Economico

SettoreTecnologico

1. meccanica, meccatronica ed energia

2. trasporti e logistica3. elettronica ed

elettrotecnica4. informatica e

telecomunicazioni5. grafica e comunicazione6. chimica, materiali e

biotecnologie7. sistema moda8. agraria, agroalimentare e

agroindustria9. costruzioni, ambiente e

territorio

Page 22: Laboratorio di Interazione uomo macchina: ScuolaVicina

BILIOGRAFIA/SITOGRAFIA

• L’immagine per ScuolaVicina utilizzata per il Menù principale è presa dal sito del Comitato Italiano per l’UNICEF

• L’immagine per i Percorsi di studio utilizzata per il Menù Info è presa dal sito dell’IC Rosmini di Pusiano (Como)