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
Architecture du concept "Nhub" // Site de la Maison de la Création
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
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...
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
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...