Architecture employée

L’architecture du site de Puce et Média se répartie au travers de l’interface en divers outils. Le plus simple reste de les décrire puis de les localiser sur une carte image ci-dessous.

1 – Top Navigation
La barre de navigation haute permet de regrouper un certain nombre d’accès direct à diverses ressources en ligne, qu’il s’agisse d’éditeurs, de blogs ou de magasines en ligne, de cheat sheets, de librairies et API… en bref, tout type de liens permettant d’accélérer notre choix, notre capacité d’aide à la décision et à la réflexion, qui sont égrainés au travers de ces huit menus:

  • Éditeurs en ligne
  • Outils en ligne
  • Blogs
  • Newsletter
  • Documentations
  • Tables & Index
  • Libs & Plugs
  • Références et validations
2 – Navigation principale
La navigation principale se découpe en trois zones; le site en lui même, son organisation et l’association. Il est vrai que ces trois menus peuvent porter à confusion… leur étiquetage est encore en cours de réflexion. L’idée majeure tient sur le fait que;

  • le premier menu: présente la découpe et l’organisation externe du site, son architecture, les articles, ceux en cours de gestation, les menus…
  • le second menu: lui se focalise sur le contenu et sa découpe, la manière de répartir les articles en fonction de leur nature… par catégories mais aussi par étiquettes
  • le dernier menu: enfin décrit l’association et son principe de fonctionnement
3 – Navigation secondaire
Ce menu de navigation va être contextuel et s’adaptera donc en fonction de la catégorie parent sélectionnée (parmi le menu principal)
4 – Contenu principal
Le contenu de la page à proprement parlé. La colonne de gauche ne sera pas tout le temps active en fonction des rubriques et des contenus
5 – Modules complémentaires
Cette colonne de gauche, lorsque elle est présente permet d’afficher des modules complémentaires principalement composés des derniers articles postés, ou des plus populaires
6 – Réseaux sociaux
Présence de l’association ou des ses acteurs sur les réseaux sociaux.

  • Twitter
  • Facebook
  • LinkeIn
  • Delicious
  • Skype
  • Daylimotion
7 – Pied de page
Le pied de page répète les copyrights, le menu principal et l’accès aux divers réseaux sociaux, mais propose également quatre sections

  • Une brève description de l’association
  • Le dernier article publié
  • Les liens relatifs à la médiathèque
  • Un nuage d’étiquettes employées dans les divers posts

(0)