Projet tuteuré de notre Master 1 Audiovisuel et Médias Numériques, option Médias Numériques, à l'ICM de Grenoble (Université Stendhal), 2011/2012. Conception du site Internet de la Maison de la Création. Ce document montre l'évolution de notre réflexion autour du cube et de la première version ("Apéricubes"). Les interfaces sont épurées et simplifiées et la navigation est plus fonctionnelle. Démonstrateur vidéo : www.youtube.com/watch?v=xztPUlOTpCk&feature=plcp Blog : www.gateausurlacerise.com Twitter : @GateauSurCerise Facebook : www.facebook.com/gateausurlacerise LinkedIn : www.linkedin.com/in/sylvaingateau Viadeo : www.viadeo.com/fr/profile/sylvain.gateau2

1. Projet tuteuré : Conception du site de la Maison de la Création
Architecture du concept « Nhub »
Master 1 Audiovisuel et Médias Numériques 2011 / 2012, option Médias Numériques
Institut de la Communication et des Médias - Grenoble
GATEAU Sylvain / ORTIZ Marius / SERRAILLIER Benoît /// Mars 2012

2. Page d’accueil // Vidéo d’explication
Lancez la vidéo Créez, personnalisez,
naviguez
Créez
Entrez
Les Hubs les mieux notés...
Votre espace
Identifiant
Mot de passe

3. Page d’accueil // Créer, Naviguer
Lancez la vidéo Créez, personnalisez,
naviguez
Créez
Entrez
Les Hubs les + partagés...
Votre espace
Identifiant
Mot de passe

4. Page d’accueil // Consulter Hubs & Nubs
Lancez la vidéo Créez, personnalisez,
naviguez
Créez
Entrez
Les Nubs les mieux notés...
Votre espace
Identifiant
Mot de passe

5. Page d’accueil // Consulter Hubs & Nubs
Lancez la vidéo Créez, personnalisez,
naviguez
Créez
Entrez
Les Nubs les + partagés...
Votre espace
Identifiant
Mot de passe

6. Page d’accueil // Consulter Hubs & Nubs
Lancez la vidéo Créez, personnalisez,
naviguez
Créez
Entrez
Les Hubs les mieux notés...
Votre espace
Identifiant
Mot de passe

7. Page d’accueil // Consulter Hubs & Nubs
Lancez la vidéo Créez, personnalisez,
naviguez
Créez
Entrez
Les Hubs les + partagés...
Votre espace
Identifiant
Mot de passe

8. Page d’accueil // Espace personnel
Lancez la vidéo Créez, personnalisez,
naviguez
Créez
Entrez
Votre espace
Découvrez les principales
Identifiant fonctionnalités du site
Mot de passe

9. Page d’accueil // Maison de la Création
Lancez la vidéo
Créez, personnalisez,
Sed ut tum ad senem senex de senectute, sic hoc libro ad amicum amicissimus scripsi de amicitia. Tum est
naviguez
Cato locutus, quo erat nemo fere senior temporibus illis, nemo prudentior; nunc Laelius et sapiens (sic enim
Commencer
est habitus) et amicitiae gloria excellens de amicitia loquetur. Tu velim a me animum parumper avertas, Lae-
lium loqui ipsum putes. C. Fannius et Q. Mucius ad socerum veniunt post mortem Africani; ab his sermo
Visiter
oritur, respondet Laelius, cuius tota disputatio est de amicitia, quam legens te ipse cognosces.
Trouvez et/ou modifiez
une création ou cellule
Découvrez les principales
Nom d’une Création ou Cellule fonctionnalités du site
Mot de passe si créateur

10. Créer // Hover Hub
Concevez un Hub... Créez un Nub...

11. Créer // Hover Nub
Créez un Hub... Créez un Nub...
Réservé aux membres de la Maison de la Création
Identifiant
Mot de passe

12. Back Office // Nubs vierges
Nom du Nub

13. Back Office // Nub // Photo
Nom du Nub
Choisir une catégorie pour ce Nub...

14. Back Office // Nub // Photo
Nom du Nub
Ajoutez une image...
Parcourez sur votre ordinateur...
OK
Entrez un lien URL...

15. Back Office // Nub // Photo
Nom du Nub

16. Back Office // Nub // Photo
Nom du Nub
Ajoutez une image...
Parcourez sur votre ordinateur...
OK
Entrez un lien URL...

17. Back Office // Nub // Photo
Nom du Nub

18. Back Office // Nub // Vidéo
Nom du Nub
Choisir une catégorie pour ce Nub...

19. Back Office // Nub // Vidéo
Nom du Nub
Ajoutez une vidéo...
Parcourez sur votre ordinateur...
OK
Entrez un lien URL...

20. Back Office // Nub // Téléchargement
Nom du Nub

21. Back Office // Nub // Téléchargement
Nom du Nub
Choisir une catégorie pour ce Nub...

22. Back Office // Nub // Téléchargement
Nom du Nub
Ajoutez un fichier...
Parcourez sur votre ordinateur...
OK
Entrez un lien URL...

23. Back Office // Nub // Flux RSS
Nom du Nub
Mémoire Social media

24. Back Office // Nub // Flux RSS
Nom du Nub
Choisir une catégorie pour ce Nub...

25. Back Office // Nub // Flux RSS
Nom du Nub
Synchronisez vos comptes sur les médias sociaux...
OK
Entrez un lien de flux RSS...

26. Back Office // Nub // Blog
Nom du Nub
Mémoire Social media

27. Back Office // Nub // Blog
Nom du Nub
Choisir une catégorie pour ce Nub...

28. Back Office // Nub // Blog
Nom du Nub
Ajoutez un blog... Nom du blog
Nom de l’article... OK
Tapez votre texte...

29. Back Office // Nub // Blog
Nom du Nub
Ajoutez un blog... Nom du blog
Nom de l’article... OK
Ajoutez un lien...
Image
Nom de l’article...
Tapez votre texte...
Parcourir sur votre bureau...
Ajoutez un lien URL...
Vidéo
Parcourir sur votre bureau...
Ajoutez un code embed...

30. Back Office // Nub // Blog
Nom du Nub
Mémoire Social media

31. Back Office // Nub // Blog
Nom du Nub
Ajoutez un article... Workshop Création
Nom de l’article... OK
Tapez votre texte...

32. Back Office // Nub // Blog
Nom du Nub
Ajoutez un article... Workshop Création
Nom de l’article... OK
Tapez votre texte...

33. Back Office // Nub // Page web
Nom du Nub
Mémoire Social media

34. Back Office // Nub // Page web // Profil
Nom du Nub
Choisir une catégorie pour ce Nub...
i

35. Back Office // Nub // Page web // Profil
Nom du Nub
Ajoutez une page web... Nom de la page...
Nom de profil... OK
Votre expérience...
Votre formation...
Vos centres d’interêts...
Votre projet...

36. Back Office // Nub // Page web // Profil
Nom du Nub
Ajoutez une page web... Nom de la page...
Nom de profil... OK
Votre expérience...
Votre formation...
Vos centres d’interêts...
Votre projet...

37. Back Office // Nub // Page web // Profil
Nom du Nub
Confirmation
Confirmation
Ajouter un avatar
(en cas d’oubli
Sélectionnez une image... ... Aperçu:
de mot de passe)
Composez votre
Hub en glissant
déposant les Nubs
...ou créez votre avatar !
de la sélection
+
Undo Redo Reset Download
1 Valider l’avatar / 3
/3 2

38. Back Office // Nub // Page web // Calendrier
Nom du Nub
Choisir une catégorie pour ce Nub...
i

39. Back Office // Nub // Page web // Calendrier
Nom du Nub
Ajoutez une page web...
Nom de l’évenement... OK
Date...
Type de l’évenement...
Sujet de l’évenement...
Détails...

40. Back Office // Nub // Page web // Informations
Nom du Nub
Choisir une catégorie pour ce Nub...
i

41. Back Office // Nub // Page web // Informations
Nom du Nub
Ajoutez une page web...
Titre... OK
Date...
Votre texte...

42. Back Office // Nub // Page web // Vierge
Nom du Nub
Choisir une catégorie pour ce Nub...
i

43. Back Office // Nub // Page web // Vierge
Nom du Nub
Ajoutez une page web...
OK

44. Back Office // Hub
Nom du Hub Validez
Composez votre
Hub en glissant
déposant les Nubs
de la sélection
Entrez votre adresse mail et recevez
le mot de passe permettant de modifier
votre Hub à tout moment !
Tapez votre adresse mail

45. Back Office // Hub
Nom du Hub Validez
Composez votre
Hub en glissant
déposant les Nubs
de la sélection
Entrez votre adresse mail et recevez
le mot de passe permettant de modifier
votre Hub à tout moment !
Tapez votre adresse mail
Recherchez
plus de
Nubs...

46. Back Office // Hub
Nom du Hub Validez
Composez votre
Hub en glissant
déposant les Nubs
de la sélection
Tapez votre adresse mail
Recherchez
plus de
Nubs...

47. Back Office // Hub
Nom du Hub Validez
Confirmation
Confirmation
Ajouter un avatar
(en cas d’oubli
Sélectionnez une image... ... Aperçu:
de mot de passe)
Composez votre
Hub en glissant
déposant les Nubs
...ou créez votre avatar !
de la sélection
+
Undo Redo Reset Download
Tapez votre adresse mail 1 Valider l’avatar / 3
/3 2
Recherchez
plus de
Nubs...

48. Back Office // Hub
Nom du Hub
Tapez votre adresse mail
Créez l’identité de
votre Hub et Naviguez
remplisez-le de
Nubs
Actualités
Recherchez
plus de
Nubs...

49. Back Office // Hub
Nom du Hub
Tapez votre adresse mail
Naviguez
Actualités
Recherchez
plus de
Nubs...

50. Back Office // Hub
Nom du Hub
Tapez votre adresse mail
Naviguez
Actualités
Recherchez
plus de
Nubs...

51. Recherche
Les Nubs pratiques Rechercher

52. Recherche
Les Nubs pratiques Rechercher
Visitez
Ajoutez

53. Recherche
Les Nubs pratiques Rechercher
Visitez
Ajoutez

54. Recherche
Les Nubs pratiques Rechercher
Visitez
Ajoutez

55. Recherche
Les Nubs pratiques Rechercher
Visitez
Ajoutez

56. Recherche
Les Nubs pratiques Rechercher
Visitez
Choisir une catégorie pour ce Nub...
Ajoutez
Vous possédez déjà un Hub ?
Catégories...
Identifiez-vous pour retrouver vos
Actualités catégories personnalisées et
intégrez directement le Nub
Informations sélectionné !
Innovations
Identifiant
Projets étudiants
Sujets de recherche Mot de passe
Workshops
Validez

57. Recherche
Les Nubs pratiques Rechercher
Votre Hub...

58. Recherche
Les Nubs pratiques Rechercher

59. Recherche
Les Nubs pratiques Rechercher

60. Visiter
Les Nubs pratiques Rechercher
Visitez
Ajoutez

61. Visiter
Les Nubs pratiques Rechercher
Visitez
Ajoutez

62. Visiter
Les Nubs pratiques Rechercher
Visitez
Ajoutez

63. Visiter
Les Nubs pratiques Rechercher
Visitez
Ajoutez

64. Visiter
Les Nubs pratiques Rechercher
tact
Con
Visitez
Ajoutez

65. Visiter
Retou
Les Nubs pratiques Rechercher r
Visitez
Ajoutez

66. Visiter
Les Nubs pratiques Rechercher
Ajouter au Hub
Visitez
Ajoutez

67. Visiter
Les Nubs pratiques Rechercher
Visitez
Ajoutez
c iés
a sso
s
H ub

68. Visiter
Les Nubs pratiques Rechercher
Visitez
Envoyez un mail...
Votre adresse mail... OK
Ajoutez
Objet...
Votre texte...

69. Visiter
Les Nubs pratiques Rechercher
Visitez
Envoyez un mail...
Votre adresse mail... OK
Ajoutez
Ajoutez un lien...
Objet... Ajoutez un pèice jointe...
Votre texte...

70. Hubs associés

71. Hubs associés // Zoom
Hub

72. Naviguer
Nom du Hub
Modifier
Actualités
Recherchez
plus de
Nubs...

73. Naviguer // Début
Nom du Hub
Modifier
Actualités

74. Naviguer // Zoom

75. Naviguer // Zoom

76. Naviguer // Zoom

77. Naviguer // Début
Nom du Hub
Modifier
Actualités