Projet tuteuré : Conception du site de la Maison de la Création                        Architecture du concept « Nhub »Mas...
Page d’accueil // Vidéo d’explicationLancez la vidéo                            Créez, personnalisez,                     ...
Page d’accueil // Créer, NaviguerLancez la vidéo                              Créez, personnalisez,                       ...
Page d’accueil // Consulter Hubs & NubsLancez la vidéo                        Créez, personnalisez,                       ...
Page d’accueil // Consulter Hubs & NubsLancez la vidéo                        Créez, personnalisez,                       ...
Page d’accueil // Consulter Hubs & NubsLancez la vidéo                        Créez, personnalisez,                       ...
Page d’accueil // Consulter Hubs & NubsLancez la vidéo                        Créez, personnalisez,                       ...
Page d’accueil // Espace personnelLancez la vidéo                           Créez, personnalisez,                         ...
Page d’accueil // Maison de la Création      Lancez la vidéo                                                              ...
Créer // Hover HubConcevez un Hub...                        Créez un Nub...
Créer // Hover NubCréez un Hub...                              Créez un Nub...                                Réservé aux ...
Back Office // Nubs viergesNom du Nub
Back Office // Nub // PhotoNom du Nub         Choisir une catégorie pour ce Nub...
Back Office // Nub // PhotoNom du Nub         Ajoutez une image...          Parcourez sur votre ordinateur...              ...
Back Office // Nub // PhotoNom du Nub
Back Office // Nub // PhotoNom du Nub         Ajoutez une image...          Parcourez sur votre ordinateur...              ...
Back Office // Nub // PhotoNom du Nub
Back Office // Nub // VidéoNom du Nub         Choisir une catégorie pour ce Nub...
Back Office // Nub // VidéoNom du Nub         Ajoutez une vidéo...          Parcourez sur votre ordinateur...              ...
Back Office // Nub // TéléchargementNom du Nub
Back Office // Nub // TéléchargementNom du Nub         Choisir une catégorie pour ce Nub...
Back Office // Nub // TéléchargementNom du Nub         Ajoutez un fichier...          Parcourez sur votre ordinateur...    ...
Back Office // Nub // Flux RSSNom du Nub       Mémoire Social media
Back Office // Nub // Flux RSSNom du Nub         Choisir une catégorie pour ce Nub...
Back Office // Nub // Flux RSSNom du Nub         Synchronisez vos comptes sur les médias sociaux...                        ...
Back Office // Nub // BlogNom du Nub       Mémoire Social media
Back Office // Nub // BlogNom du Nub         Choisir une catégorie pour ce Nub...
Back Office // Nub // BlogNom du Nub         Ajoutez un blog...        Nom du blog             Nom de l’article...         ...
Back Office // Nub // Blog Nom du NubAjoutez un blog...                 Nom du blog   Nom de l’article...                  ...
Back Office // Nub // BlogNom du Nub       Mémoire Social media
Back Office // Nub // BlogNom du Nub         Ajoutez un article...     Workshop Création             Nom de l’article...   ...
Back Office // Nub // BlogNom du Nub         Ajoutez un article...     Workshop Création             Nom de l’article...   ...
Back Office // Nub // Page webNom du Nub       Mémoire Social media
Back Office // Nub // Page web // ProfilNom du Nub         Choisir une catégorie pour ce Nub...         i
Back Office // Nub // Page web // ProfilNom du Nub         Ajoutez une page web... Nom de la page...          Nom de profil....
Back Office // Nub // Page web // ProfilNom du Nub         Ajoutez une page web... Nom de la page...          Nom de profil....
Back Office // Nub // Page web // ProfilNom du Nub             Confirmation             Confirmation         Ajouter un avat...
Back Office // Nub // Page web // Calendrier  Nom du Nub           Choisir une catégorie pour ce Nub...           i
Back Office // Nub // Page web // Calendrier  Nom du Nub           Ajoutez une page web...            Nom de l’évenement......
Back Office // Nub // Page web // Informations   Nom du Nub            Choisir une catégorie pour ce Nub...            i
Back Office // Nub // Page web // Informations   Nom du Nub            Ajoutez une page web...            Titre...         ...
Back Office // Nub // Page web // ViergeNom du Nub         Choisir une catégorie pour ce Nub...         i
Back Office // Nub // Page web // ViergeNom du Nub         Ajoutez une page web...                                   OK
Back Office // Hub       Nom du Hub                                              Validez                                   ...
Back Office // Hub       Nom du Hub                                              Validez                                   ...
Back Office // Hub      Nom du Hub                                  Validez                               Composez votre   ...
Back Office // Hub      Nom du Hub                                                                                         ...
Back Office // Hub      Nom du HubTapez votre adresse mail                              Créez l’identité de                ...
Back Office // Hub      Nom du HubTapez votre adresse mail                                               Naviguez          ...
Back Office // Hub      Nom du HubTapez votre adresse mail                                               Naviguez          ...
RechercheLes Nubs pratiques   Rechercher
RechercheLes Nubs pratiques   Rechercher                                  Visitez                                  Ajoutez
RechercheLes Nubs pratiques   Rechercher                                  Visitez                                  Ajoutez
RechercheLes Nubs pratiques   Rechercher                                  Visitez                                  Ajoutez
RechercheLes Nubs pratiques   Rechercher                                  Visitez                                  Ajoutez
RechercheLes Nubs pratiques           Rechercher                                                                         V...
RechercheLes Nubs pratiques   Rechercher                                  Votre Hub...
RechercheLes Nubs pratiques   Rechercher
RechercheLes Nubs pratiques   Rechercher
VisiterLes Nubs pratiques   Rechercher                                      Visitez                                      A...
VisiterLes Nubs pratiques   Rechercher                                      Visitez                                      A...
VisiterLes Nubs pratiques   Rechercher                                      Visitez                                      A...
VisiterLes Nubs pratiques   Rechercher                                      Visitez                                      A...
Visiter          Les Nubs pratiques   Rechercher   tactCon                                                Visitez         ...
Visiter                            RetouLes Nubs pratiques   Rechercher   r                                      Visitez  ...
VisiterLes Nubs pratiques   Rechercher                                                Ajouter au Hub                      ...
VisiterLes Nubs pratiques   Rechercher                                                       Visitez                      ...
VisiterLes Nubs pratiques          Rechercher                                             Visitez           Envoyez un mai...
VisiterLes Nubs pratiques          Rechercher                                                             Visitez         ...
Hubs associés
Hubs associés // Zoom        Hub
Naviguer Nom du HubModifier                Actualités                             Recherchez                               ...
Naviguer // Début Nom du HubModifier                    Actualités
Naviguer // Zoom
Naviguer // Zoom
Naviguer // Zoom
Naviguer // Début Nom du HubModifier                    Actualités
Prochain SlideShare
Chargement dans…5
×

Architecture du concept "Nhub" // Site de la Maison de la Création

2 716 vues

Publié le

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

Publié dans : Technologie
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 716
Sur SlideShare
0
Issues des intégrations
0
Intégrations
232
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Architecture du concept "Nhub" // Site de la Maison de la Création

  1. 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. 2. Page d’accueil // Vidéo d’explicationLancez la vidéo Créez, personnalisez, naviguez Créez Entrez Les Hubs les mieux notés...Votre espace Identifiant Mot de passe
  3. 3. Page d’accueil // Créer, NaviguerLancez la vidéo Créez, personnalisez, naviguez Créez Entrez Les Hubs les + partagés...Votre espace Identifiant Mot de passe
  4. 4. Page d’accueil // Consulter Hubs & NubsLancez la vidéo Créez, personnalisez, naviguez Créez Entrez Les Nubs les mieux notés...Votre espace Identifiant Mot de passe
  5. 5. Page d’accueil // Consulter Hubs & NubsLancez la vidéo Créez, personnalisez, naviguez Créez Entrez Les Nubs les + partagés...Votre espace Identifiant Mot de passe
  6. 6. Page d’accueil // Consulter Hubs & NubsLancez la vidéo Créez, personnalisez, naviguez Créez Entrez Les Hubs les mieux notés...Votre espace Identifiant Mot de passe
  7. 7. Page d’accueil // Consulter Hubs & NubsLancez la vidéo Créez, personnalisez, naviguez Créez Entrez Les Hubs les + partagés...Votre espace Identifiant Mot de passe
  8. 8. Page d’accueil // Espace personnelLancez la vidéo Créez, personnalisez, naviguez Créez EntrezVotre espace Découvrez les principales Identifiant fonctionnalités du site Mot de passe
  9. 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 principalesNom d’une Création ou Cellule fonctionnalités du site Mot de passe si créateur
  10. 10. Créer // Hover HubConcevez un Hub... Créez un Nub...
  11. 11. Créer // Hover NubCréez un Hub... Créez un Nub... Réservé aux membres de la Maison de la Création Identifiant Mot de passe
  12. 12. Back Office // Nubs viergesNom du Nub
  13. 13. Back Office // Nub // PhotoNom du Nub Choisir une catégorie pour ce Nub...
  14. 14. Back Office // Nub // PhotoNom du Nub Ajoutez une image... Parcourez sur votre ordinateur... OK Entrez un lien URL...
  15. 15. Back Office // Nub // PhotoNom du Nub
  16. 16. Back Office // Nub // PhotoNom du Nub Ajoutez une image... Parcourez sur votre ordinateur... OK Entrez un lien URL...
  17. 17. Back Office // Nub // PhotoNom du Nub
  18. 18. Back Office // Nub // VidéoNom du Nub Choisir une catégorie pour ce Nub...
  19. 19. Back Office // Nub // VidéoNom du Nub Ajoutez une vidéo... Parcourez sur votre ordinateur... OK Entrez un lien URL...
  20. 20. Back Office // Nub // TéléchargementNom du Nub
  21. 21. Back Office // Nub // TéléchargementNom du Nub Choisir une catégorie pour ce Nub...
  22. 22. Back Office // Nub // TéléchargementNom du Nub Ajoutez un fichier... Parcourez sur votre ordinateur... OK Entrez un lien URL...
  23. 23. Back Office // Nub // Flux RSSNom du Nub Mémoire Social media
  24. 24. Back Office // Nub // Flux RSSNom du Nub Choisir une catégorie pour ce Nub...
  25. 25. Back Office // Nub // Flux RSSNom du Nub Synchronisez vos comptes sur les médias sociaux... OK Entrez un lien de flux RSS...
  26. 26. Back Office // Nub // BlogNom du Nub Mémoire Social media
  27. 27. Back Office // Nub // BlogNom du Nub Choisir une catégorie pour ce Nub...
  28. 28. Back Office // Nub // BlogNom du Nub Ajoutez un blog... Nom du blog Nom de l’article... OK Tapez votre texte...
  29. 29. Back Office // Nub // Blog Nom du NubAjoutez 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. 30. Back Office // Nub // BlogNom du Nub Mémoire Social media
  31. 31. Back Office // Nub // BlogNom du Nub Ajoutez un article... Workshop Création Nom de l’article... OK Tapez votre texte...
  32. 32. Back Office // Nub // BlogNom du Nub Ajoutez un article... Workshop Création Nom de l’article... OK Tapez votre texte...
  33. 33. Back Office // Nub // Page webNom du Nub Mémoire Social media
  34. 34. Back Office // Nub // Page web // ProfilNom du Nub Choisir une catégorie pour ce Nub... i
  35. 35. Back Office // Nub // Page web // ProfilNom 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. 36. Back Office // Nub // Page web // ProfilNom 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. 37. Back Office // Nub // Page web // ProfilNom 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. 38. Back Office // Nub // Page web // Calendrier Nom du Nub Choisir une catégorie pour ce Nub... i
  39. 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. 40. Back Office // Nub // Page web // Informations Nom du Nub Choisir une catégorie pour ce Nub... i
  41. 41. Back Office // Nub // Page web // Informations Nom du Nub Ajoutez une page web... Titre... OK Date... Votre texte...
  42. 42. Back Office // Nub // Page web // ViergeNom du Nub Choisir une catégorie pour ce Nub... i
  43. 43. Back Office // Nub // Page web // ViergeNom du Nub Ajoutez une page web... OK
  44. 44. Back Office // Hub Nom du Hub Validez Composez votre Hub en glissant déposant les Nubs de la sélectionEntrez votre adresse mail et recevezle mot de passe permettant de modifiervotre Hub à tout moment ! Tapez votre adresse mail
  45. 45. Back Office // Hub Nom du Hub Validez Composez votre Hub en glissant déposant les Nubs de la sélectionEntrez votre adresse mail et recevezle mot de passe permettant de modifiervotre Hub à tout moment ! Tapez votre adresse mail Recherchez plus de Nubs...
  46. 46. Back Office // Hub Nom du Hub Validez Composez votre Hub en glissant déposant les Nubs de la sélectionTapez votre adresse mail Recherchez plus de Nubs...
  47. 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 DownloadTapez votre adresse mail 1 Valider l’avatar / 3 /3 2 Recherchez plus de Nubs...
  48. 48. Back Office // Hub Nom du HubTapez votre adresse mail Créez l’identité de votre Hub et Naviguez remplisez-le de Nubs Actualités Recherchez plus de Nubs...
  49. 49. Back Office // Hub Nom du HubTapez votre adresse mail Naviguez Actualités Recherchez plus de Nubs...
  50. 50. Back Office // Hub Nom du HubTapez votre adresse mail Naviguez Actualités Recherchez plus de Nubs...
  51. 51. RechercheLes Nubs pratiques Rechercher
  52. 52. RechercheLes Nubs pratiques Rechercher Visitez Ajoutez
  53. 53. RechercheLes Nubs pratiques Rechercher Visitez Ajoutez
  54. 54. RechercheLes Nubs pratiques Rechercher Visitez Ajoutez
  55. 55. RechercheLes Nubs pratiques Rechercher Visitez Ajoutez
  56. 56. RechercheLes 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. 57. RechercheLes Nubs pratiques Rechercher Votre Hub...
  58. 58. RechercheLes Nubs pratiques Rechercher
  59. 59. RechercheLes Nubs pratiques Rechercher
  60. 60. VisiterLes Nubs pratiques Rechercher Visitez Ajoutez
  61. 61. VisiterLes Nubs pratiques Rechercher Visitez Ajoutez
  62. 62. VisiterLes Nubs pratiques Rechercher Visitez Ajoutez
  63. 63. VisiterLes Nubs pratiques Rechercher Visitez Ajoutez
  64. 64. Visiter Les Nubs pratiques Rechercher tactCon Visitez Ajoutez
  65. 65. Visiter RetouLes Nubs pratiques Rechercher r Visitez Ajoutez
  66. 66. VisiterLes Nubs pratiques Rechercher Ajouter au Hub Visitez Ajoutez
  67. 67. VisiterLes Nubs pratiques Rechercher Visitez Ajoutez c iés a sso s H ub
  68. 68. VisiterLes Nubs pratiques Rechercher Visitez Envoyez un mail... Votre adresse mail... OK Ajoutez Objet... Votre texte...
  69. 69. VisiterLes Nubs pratiques Rechercher Visitez Envoyez un mail... Votre adresse mail... OK Ajoutez Ajoutez un lien... Objet... Ajoutez un pèice jointe... Votre texte...
  70. 70. Hubs associés
  71. 71. Hubs associés // Zoom Hub
  72. 72. Naviguer Nom du HubModifier Actualités Recherchez plus de Nubs...
  73. 73. Naviguer // Début Nom du HubModifier Actualités
  74. 74. Naviguer // Zoom
  75. 75. Naviguer // Zoom
  76. 76. Naviguer // Zoom
  77. 77. Naviguer // Début Nom du HubModifier Actualités

×