Identité et réseau
SUPPORT SMARTPHONE Luce ROUX Alice PRUVOST Laure GUILLOUX Lorenzo GARIZIO Gabrielle FERRY Chloé MARCHAND
Introduction et usages
2
USAGES D’UN SMARTPHONE : -mobilité -instantanéité -localisation -réalité augmentée -contacts/répertoire -organisation des tâches -son/photo/vidéo Le multi-pass possède 2 axes principaux, le smartphone à l’horizontale pour l’usage communautaire accessible à tous et à la verticale pour un usage plus personnel.
Ic么ne et 茅cran loading
3
Icône en situation et système alertes
4
PENNINGHEN Votre emploi du temps a changé. Ignorer
Voir
PENNINGHEN Vous avez reçu un message de Tom Kan.
1
PENNINGHEN Vous faites désormais partie des favoris de Muriel Paris.
Penninghen
Parcours possible d’un étudiant / chargé de cours / administration
5
PORTFOLIO/LINKEDIN AG4
AG4AG4AG5
CARTE ETUDIANT
Novembre 2012
TROMBINOSCOPE CLASSE
Semaine 8:00 9:00 10:00 11:00 12:00 13:00 14:00 15:00 16:00 17:00 18:00 19:00 20:00
AGENDA MOIS
L M M
TIMELINE
13 Novembre 2012 J
V
S
D
AGENDA SEMAINE
11:00 12:00 13:00 14:00 15:00 16:00 17:00
AGENDA JOUR
012 13
Le MULTI PASS
6
L’aire du numérique a sonné et l’ESAG Penninghen se met au goût du jour. La carte étudiant change! La nouvelle carte, déclinée pour les étudiants, les diplômés, les chargés de cours et l’administration est multi-taches. Chaque carte est personnelle, identifiable et protégée par un QR code, qui restera le même tout au long de la vie professionnel de l’ancien étudiant. Cette carte constitue l’avatar de l’élève, son identité. Pour les étudiants, elle permet de faire l’appel de manière plus efficace en rentrant en salle de cours grâce à un QR code qui confirme la présence de l’élève dans son cours. Cette carte peut également servir de moyen de paiement pour l’utilisation du matériel d’impression au sein de l’Ecole (système de crédits). Cette carte numérique, tout comme l’ancienne carte étudiante au format papier, conserve la possibilité de bénéficier de réductions dans les musées, cinémas,… Elle permet surtout une meilleure communication au sein du «réseau Penninghen». Pour les diplômés, elle permet un accès aux informations des étudiants appartenant ou aillant appartenu à Penninghen. Grâce à ce système, chaque utilisateur peut prendre contact avec l’ensemble du réseau de l’ESAG Penninghen. Pour les chargés de cours, une meilleure communication entre professeurs et étudiants est possible, par exemple, des transmissions de données, ou pour faire appel à un ancien élève pour un travail spécifique. Pour l’administration, elle permet d’envoyer des messages instantanément à chaque élève si il n’est pas la, où d’envoyer directement à toute une classe un changement d’emploi du temps, un papier à rendre impérativement au plus vite,… Cela permet aussi la mise en place d’archives informatisées de l’ensemble des étudiants ayant suivis leur scolarité à Penninghen, accessible à tous.
Écran d’entrée - LOGIN ÉTUDIANT ET ÉCRAN SUIVANT
7
12:34 PM
AT&T
AT&T
12:34 PM
Mot de passe oublié
Network
E-mail Mot de passe
se souvenir de moi
PenninghenID
PenninghenPartage Partage Penninghen
Se connecter avec LinkedIn
Envoyer
08.05.1939
2012/2013 www.py-carnoy.com
Déclinaisons carte multi-pass
AG4
Penninghen Penninghen Étudiant ÉtudiantMarie Hélène
AI5
8
Penninghen Diplomé
Nicolas Lefaucheux
Marie le CourHélène Grandmaison le Cour Grandmaison O3.O5.1988
21.06.1990
O3.O5.1988
2012/2013 2012/2013
2012/2013
www.mh-lecourgrandmaison.com www.mh-lecourgrandmaison.com
www.nicolaslefaucheux.com
AG4 AG4
AG
Penninghen Penninghen Chargé de Chargé Pierre-Yvon de cours cours
Penninghen Administration
Pierre-Yvon Carnoy Carnoy 08.05.1939
Véronique Gaujoin
08.05.1939
www.py-carnoy.com www.py-carnoy.com
AG5 AG5
24.10.1946
Penninghen Étudiant Penninghen Hélène Étudiant Marie le Cour Grandmaison Penninghen O3.O5.1988 Marie Hélène Cour Grandmaison Étudiant leO3.O5.1988 2012/2013
2012/2013 2012/2013
AG4 AG4
AG5
AI5 AI5
2012/2013 www.vgaujoin.com
Marie Hélène
AG AI
www.mh-lecourgrandmaison.com
le Cour Grandmaison 2012/2013 Penninghen O3.O5.1988 Étudiant www.mh-lecourgrandmaison.com 2012/2013 Penninghen Marie Hélène AG4 www.mh-lecourgrandmaison.com Cour Grandmaison Étudiant leO3.O5.1988 AG4
AG4
Marie Hélène le Cour Grandmaison 2012/2013 O3.O5.1988
www.mh-lecourgrandmaison.com
Penninghen PenninghenÉtudiantMarie Hélène le Cour Grandmaison Chargé de cours Penninghen O3.O5.1988 Pierre-YvonPenninghen Chargé de cours Carnoy Étudiant 2012/2013 Penninghen Pierre-Yvon 08.05.1939 Marie Hélène www.mh-lecourgrandmaison.com Carnoy Chargé de cours le Cour Grandmaison 08.05.19392012/2013
2012/2013
AG4
www.mh-lecourgrandmaison.com
AG4
Penninghen Penninghen Diplomé DiploméNicolas
En cliquant sur les icônes, l’utilisateur peut avoir accès à un certain nombre d’informations:
AG4Pierre-Yvon www.py-carnoy.com
Nicolas Lefaucheux Lefaucheux 21.06.1990
AG4
www.nicolaslefaucheux.com www.nicolaslefaucheux.com
- Le téléphone: permet d’appeler directement le détenteur du profil. - Les phylactères: permet de laisser un message écrit au détenteur du profil lorsque celui ci 2012/2013 Penninghen AI5 accepte, dansdeses réglages, de recevoir des messages. www.py-carnoy.com Chargé cours Pierre-Yvonpermet d’ajouter la personne à un répertoire de contacts personnalisable. Penninghen - Le personnage: Carnoy Diplomé Penninghen Penninghen - L’enveloppe: permet Nicolas Chargé de cours d’envoyer un mail. 2012/2013 Diplomé Lefaucheux Penninghen Pierre-Yvon au site de la personne. www.py-carnoy.com www Nicolas -le site web: renvoie Carnoy Lefaucheux Diplomé AG4Nicolas AG5 AI5 2012/2013 -La classe: précise la classe de l’intéressé, où les classes où le chargé de cours donne ces www.nicolaslefaucheux.com Lefaucheux 2012/2013 2012/2013 Penninghen www.py-carnoy.com cours, qui permet un accès direct aux groupes, classes, puis en dézoomant, aux ateliers, www.nicolaslefaucheux.com AG Diplomé 2012/2013 AI5 Nicolas AG4 AG5 promos,… AGPenninghen www.nicolaslefaucheux.com Diplomé Lefaucheux Nicolas -Le i: permet de parcourir le CV du détenteur du profil mis à jour automatiquement par Lefaucheux 2012/2013 www.nicolaslefaucheux.com modification du profil Linkedin. AG5
AI5
Pierre-Yvon Carnoy 2012/2013 08.05.1939
www.py-carnoy.com
21.06.1990
2012/2013 2012/2013
O3.O5.1988
2012/2013 Penninghen Carnoy 2012/2013 08.05.1939 AG4 AG5 AI5 www.py-carnoy.com www.mh-lecourgrandmaison.com Chargé de cours 2012/2013 Penninghen Pierre-Yvon AG4 AG5 AI5 www.py-carnoy.com L’oeil: permet de parcourir le portfolio mis en ligne par le détenteur du profil. Carnoy AG4 Chargé de cours 08.05.1939
AG4 AG4
AG5
AG5 AI5
08.05.1939
AG AG
21.06.1990
21.06.1990
08.05.1939
21.06.1990
AG
21.06.1990
21.06.1990
Penninghen Diplomé Nicolas Penninghen *Chaque détenteur d’un profil peut choisir de renseigner ou non l’intégralité des informaLefaucheux Administration Penninghen 21.06.1990 Penninghen tions que contient son profil. Véronique 2012/2013 Administration Gaujoin Diplomé Penninghen Nicolas Véronique24.10.1946www.nicolaslefaucheux.com Lefaucheux Gaujoin Administration 21.06.1990 24.10.19462012/2013 AG
2012/2013
AG
www.nicolaslefaucheux.com
AG
Penninghen Penninghen Administration Administration Véronique
Véronique
www.vgaujoin.com
Véronique Gaujoin Gaujoin 24.10.1946 24.10.1946
AG AI
2012/2013 2012/2013
24.10.1946
AG AI AG AI
2012/2013 www.nicolaslefaucheux.com
Véronique Gaujoin 2012/2013
www.vgaujoin.com
www.vgaujoin.com www.vgaujoin.com
AG AI AG AI
Gaujoin 2012/2013 Penninghen 24.10.1946 www.vgaujoin.com Administration 2012/2013 Penninghen VéroniqueAG AG AI www.vgaujoin.com Gaujoin Administration 24.10.1946 AG AI
2012/2013 www.vgaujoin.com
Penninghen Administration Véronique Gaujoin
Penninghen 24.10.1946
Carte étudiant - DÉCLINAISONS CV intégré CV intégré
9
Marie Hélène Le Court Grandmaison Région de Paris, France Expérience
Penninghen Étudiant
Marie Hélène le Cour Grandmaison O3.O5.1988
2012/2013 www.mh-lecourgrandmaison.com
Graphic Designer WMN!
octobre 2012 - octobre 2012
Internship / Grapgic designer Cake Group juillet 2012 - août 2012
Compétences et expertises
AG4
Graphic Design
Typography
Photography
Photoshop
After Effects
Art Direction
Illustration Logo Design
Formation(s)
ESAG Penninghen Licence, Graphic Design 2010 - 2014 (espéré)
Site web
Portfolio professionnel
http://mariehelene.lecourtgrandmaison.prosite.com/
Modifier
un professionnel CarteParcours ĂŠtudiantpar - Trombinoscope
10
AG4
Promo 2012
AG3
Messagerie instantannée Carte étudiant - MESSAGERIE INTANTANÉE
11
Penninghen Étudiant
Marie Hélène le Cour Grandmaison O3.O5.1988
2012/2013 www.mh-lecourgrandmaison.com
AG4
Chat Pennninghen Hey ! vous êtes dans quelle salle ? Laure Guilloux
AG5 Salle Audio !
CI-MER !
AG2
Raphaël Pazoumian
Carte étudiant - PORTFOLIO Portfolio
12
Penninghen Étudiant
Marie Hélène le Cour Grandmaison O3.O5.1988
2012/2013 www.mh-lecourgrandmaison.com
AG4
Portfolio
Agenda Étudiant - SYSTEM
13
12:34 PM
AT&T
WEEK Agenda
EXPOS
R EN D U
DA
Croquis
DA
C o ur s
Photographie
16 17 18 19 20 21
DA
15
Typographie
12 13 14
Motion design
LUN 2 MAR 3 MER 4 JEU 5 VEN 6 SAM 7 DIM 8 7 8 9 10 11
PERSO
Lorsque la carte multi-pass est utilisée à la verticale, elle se transforme en agenda dans lequel se trouvent plusieurs services: -L’emploi du temps du jour, de la semaine, du mois. -Un système d’alerte pour prévenir l’utilisateur des différentes expositions, modifications d’emploi du temps, semaines de services, rendus,… -une personnalisation de l’agenda -une synchronisation avec l’agenda de l’administration se fait automatiquement pour chaque élève qui à directement accès aux modifications de son emploi du temps.
Agenda Étudiant
14
Tap
Flick
12:34 PM
EXPOS
R EN D U
Source : Axance - User Experience Design
PERSO
16 17 18 19 20 21
C o ur s
Pinchard Motion design
Croquis
Drag
12:34 PM
AT&T
Novembre 2012 LUN MAR MER
DA
15h RDV Jean Jacques
Double tap
MONTH Agenda
Spread
Photographie
15
DA
12 13 14
12 13 14
C o ur s
7 8 9 10 11
DA
Pinchard
8h30-14h WORKSHOP
16 17 18 19 20
Flick
12:34 PM
LUN 2 MAR 3 MER 4 JEU 5 VEN 6 SAM 7 DIM 8
Mardi 3 Novembre
15
Drag
WEEK Agenda
DAY Agenda 7 8 9 10 11
Tap
AT&T
Typographie
AT&T
Double tap
Source : Axance - User Experience Design
JEU
VEN
SAM
DIM
5
6
7
1
2
5
6
7
8
9
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
30
31
3
4
3
4
10
Spread
12-11-12 Conférence Wlassikoff 12-11-12 / 13-03-12 Expo Hopper 28-11-12 Rendu typographie
EXPOS
R EN D U
PERSO
C o ur s
EX P OS
RENDU
PERSO
Agenda Étudiant - AJOUT ÉVENEMENT
15
AT&T
12:34 PM
Évenement Titre Lieu Commence Se termine
jeudi 22 nov 22h 23h
Agenda Notes
Alertes push
ON
Je souhaite que l’on m’avertisse des alertes et autres changements dans mon emploi du temps.
Agenda Étudiant -SYSTEM ÉCRAN AJOUT D’ÉVENEMENT
AT&T
12:34 PM
16
12:34 PM
AT&T
Commence Se termine
jeudi 22 nov 22h 23h
Agenda
Q W E R T Y U I O P Notes
A S D F G H J K L Z push X C V B NON M Alertes Je souhaite que l’on m’avertisse des alertes et.?123 autres changements dans mon.emploireturn du
Agenda
Début et fin
Évenement
Lieu
12:34 PM
AT&T
Commence
Lun Oct 26 6h PM
Cours
Se termine
8h35 PM
Expo
Récurence
Jamais
Rendu Perso
Jour entier
Oct 24
4
58
Oct 25
5
59 AM
Oct 26
6
00 PM
Oct 27
7
01
Jeu Oct 28
8
02
Ajouter un agenda
Annonces -SYSTEM ETUDIANT
17
AT&T
12:34 PM
Annonces Stages
Network
Assistant Photo - Tom Kan DA Junior - Publicis
PenninghenID
Animateur Junior - H5 Retouche Photo - NumĂŠro Graphiste - Grazia
PenninghenPartage Partage Penninghen Envoyer
Parcours possible d’un professionnel
Recherche libre
18
Resultats: A B C D E F G H I L M N O P Q R S T U V Z
Par discipline
RECHERCHE ETUDIANT
Stage/Emploi
RESULTATS
Mail Preferé Ajouté au contacts Envoyer Annonce
ACTIONS DISPONIBLES
Resultats
TROMBINOSCOPE RESULTATS
CARTE ETUDIANT
NOUVELLE ANNONCE
Écran d’entrée - LOGIN PRO
19
12:34 PM
AT&T
Et les professionnels dans tout ça? Mot de passe oublié E-mail Mot de passe
se souvenir de moi
Se connecter avec LinkedIn
Les professionnels peuvent être en contact continu avec l’Ecole, avoir accès à la banque de données des étudiants et des diplômés, mais aussi continuer de se faire un carnet d’adresse des plus conséquent. Ils ont la possibilités de consulter tous les profils et de poster des annonces de stages et d’offres d’emploi à un étudiant, une classe, une promo,... Tout comme pour le multi-pass, le moteur de recherche fonctionne en 2 axes: un axe horizontale qui permet une recherche globale dans la base de données et un axe verticale permet de communiquer avec «le réseau Penninghen».
Parcours par un professionnel Annonces pro - STAGES ET OFFRES D’EMPLOI
20
AT&T
12:34 PM
ARTS GRAPHIQUES
AT&T
12:34 PM
ARTS GRAPHIQUES ARCHITECTES D’INTÉRIEUR
NON DIPLOMÉ(E)
NON DIPLOMÉ(E) DIPLOMÉ(E)
TYPOGRAPHIE WEB DESIGN ILLUSTRATION ANIMATION DESIGN NUMÉRIQUE PHOTOGRAPHIE
TYPOGRAPHIE WEB DESIGN ILLUSTRATION ANIMATION DESIGN NUMÉRIQUE PHOTOGRAPHIE
OK
OK
Parcours un professionnel Annonces propar - RÉSULTAT RECHERCHE
21
AG4
Promo 2012
AG3
Parcours par un professionnel Annonces pro, étudiant sélectionné - CHOIX ET MESSAGE ANNONCE
22
AT&T
12:34 PM
12:34 PM
AT&T
OK
STAGE EMPLOI ENVOYER UN MESSAGE
NOUVELLE ANNNONCE Objet :
AJOUTER AUX FAVORIS AJOUTER AU CARNET D’ADRESSE PROFIL LINKEDIN POSTER UNE ANNONCE
Écran intéractif
23
Chargé de cours
AI5 Armand Négroni
//Le WoRKsHop clic pouet :)!//
étudiant AG2
Raphaël Pazoumian
Dessin d’obs’ Zoo Vincennes AG2 @Luceroux
Partageons nos informations, c’est plus sympa… et en continu, c’est encore mieux! Un écran interactif en temps réel est à la disposition de tous sur le mur principal du hall où chacun peut envoyer des informations. Les élèves peuvent envoyer des images, documents, revente de matériel,…; les chargés de cours peuvent montrer l’ambiance qui se passe au sein de notre école où prévenir des expositions en cours, renseigner les lieux à voir, conférences…; l’administration peut également transmettre des messages aux étudiants. En outre, cet écran permettrai de renseigner les visiteurs (projets, ambiance des cours, projets en cours, évènements à venir,…) Afin de responsabiliser les élèves et d’éviter toute dérive, les informations envoyées par les élèves ne pourraient être anonymes. La mise en place d’une charte, auquel tout utilisateur de ce service accepterait de se conformer, pourrait également être envisagée.
Chargé de cours
Françoise
AG3 Dorelli
Meilleur autoportrait AG3 @Chloémarchand
étudiant Laure
AG5 Guilloux
CHERCHE ETUDIANT POUR PROJET, asap
étudiant
Charlotte
AI4 Pericchi
Expo bd St Germain, A VOIR!
Écran intéractif - ACCUEIL APPLICATION IPHONE
AT&T
24
12:34 PM
AT&T
Network
12:34 PM
AT&T
Network
Network
PenninghenPartage Partage Penninghen
PenninghenID
PenninghenID
PenninghenPartage Partage Penninghen Envoyer
12:34 PM
Envoyer
PenninghenID
Q W E R T Y U I O P
Flasher un code étudiant
A S D F G H J K L
Prendre un photo ou vidéo
Z X C V B N M
Choisir existante
.?123
.
return
PenninghenPartage Partage Penninghen
Annuler
Envoyer
Écran intéractif - MISE EN SITUATION
25
MISE EN SITUATION DIVERSES
26