This document outlines the requirements for creating a digital library focused on design. The library will be organized as a categorized and hierarchical map of hyperlinks related to different design domains. It will be accessible from the website of the Ecole de Design de Nantes Atlantique, which will regularly update the database. The target users are those interested in learning about or working in design who need an organized information source evaluated by experts. The technical environment will utilize common platforms and browsers. The structure will organize links within rubrics and sub-rubrics. Maintenance will include link checking and content validation. The interface aims to be simple, intuitive and visually appealing for quick navigation.
1. s
n
v
n
fly
ra gn o
r
re
ra
mn
sig
d
xp
nf eco esi -log
de esi
nu sig n n
sig gnd m-d tion
to rde sig esig
e
de esi gra rea
fo ne de id
ign
s
i al- ou
d eo n-c imag
fv
id sig urd
o uip mde esign
de eate ria
po aniu n-d
ro cr ntau res
ur bylo d
ce tdeg sign
ba ubree .lefiga n
ig
e ame
des cen ton-de k
nd
n
ma gonal-
car chmar
ben abdesig
poly raphie
g
info
baob y
c
oswd n
auda e
ig
artdes esign arkonid e-design
v
graphic-d
alternati ours-design
ugeot-conc
addex
pe
artazart
designawards
resetdesign
buromedia
kob-one
classiques-design
declic-lumin
designintera
ctif
aires
design-p
designin
lus
europe
institu
20thce
t
desig nturymode
desig francaisdud
rn
esign
lexo nheure
desi nenresea
n
lilip -design
des gnfrance u
Séminaire Semiologie (02/2007)
ma opart
chi ign-ass
mo deind
dan nades ociatio
n
pr bilie esign
ac dad ignall
ia n
ad 4d ce
sen imou r-desi
gn
de van
se dh sse
de sign cedd
vin rgel en
c sig ex es
tr um esa
AB ercl nad cha ign
pl ucd de ge
ac es si
Pi ede dic nge
ea ig gn
ra sig t
na n
ud n
ul
ed
m
ia
tu
es
ar
ig
re
n
a o ra qu
dd
wi hen de
ad nec
e
rt ot b
de c
ar mi t
at ntre le
r
kip ae des
leco
cre signm
sc s lede
Re rent
-ne
um ig
n
ce apo ars
sig
risd
lau over
c
3Dvf
n
3D sta
gras o
eill
ko set z-des
t
simu
4imp dh
e
centrep
sam
o
ign
100m ion
gn
seu
sha ression
red rkydesi s
ue- sign
die ledede m
mlu
tokyoplastic
ng
americ mpidou
unes andesignaw
ards
Motion Theory
Nicolas Guyon
Rémy Eynard
Frantz Lasorne
2. cahier des charges
Présentation du projet :
Ce projet a pour but la création d’une bibliothèque numérique, cette dernière orienté vers les sujets du
design repose sur l’exploitation des ressources Internet (liens hypertexte).
Cette bibliothèque ce précisera sous la forme d’une cartographie qui sera hiérarchisée en catégorie et sous
catégories contenant des liens hypertextes concernant les différents domaines du design.
Le site sera accessible depuis le site de L’Ecole de Design de Nantes Atlantique qui s’occupera d’alimenter
la base de donnée régulièrement.
Cible :
Cette bibliothèque est destinée à toutes personnes intéressées par le design, désirant s’informer sur le design,
faisant des études sur le design ou travaillant dans le design.
Besoins :
Ces utilisateurs faisant des recherches sur le design ont besoin d’avoir une information hiérarchisée aussi
bien globale que précise le tout parmi une banque de donnée triée par les webmasters et évaluée par ces
mêmes utilisateurs.
Environnement technique :
Système d’exploitation : Windows, Unix, MacOs
Station de travail : Pc, Mac
Ecran : 800x600
Navigateur : Mozilla firefox, Internet Explorer 7, Safari.
Technologie : Macromedia Flash
Plugin : Flash player nécessaire
Sécurité : comptes utilisateurs avec login et mots de passe.
Structure :
Rubriques > sous rubriques > liens hypertextes
Actu dynamique Design Espace
-Emploi, stages -Designers
-Espositions, événementiel -Agences
-Concours -Projets
-Blog, forums
Design Hypermedia
Le Design
-Designers
-Formation, écoles -Agences
-Définitions, théorie -Projets
-Histoire, musée -Web
-Design graphique
Design Produit -Design sonore
-Designers Design Transport
-Agences
-Projets -Designers
-Agences
-Projets
p2
3. cahier des charges
Modèle conceptuel des données :
Lien Sous rubrique Rubrique
contient
0, n Contient
1, 7 1, n 1, n
PK ID Lien PK ID Sous rubrique PK ID Rubrique
URL NOM NOM
NOM
SCORE
0, n
1, 1
Liste de liens persos
User
ajoute 0, n
PK ID Liste de liens persos
PK ID User
Possède
1, 1 1, 1
Nom liens
Possède
LOGIN
NB liens
PASSWORD
ID Lien
1, 1
Description
PK ID Description
TEXT
Orientations graphiques et ergonomiques
Choix du nom :
Cosmo : élément, du grec Kosmos, « ordre, univers »
Le choix du nom est en adéquation parfaite avec le design de l’interface mise en place. En effet l’interface
est constituée par une sorte de lentille de microscope où l’on voit évoluer des particules organiques. Celles-
ci représentent les catégories et les sous catégories.
Choix typographique :
Dans le but de conserver l’esthétisme et les rondeurs de la charte graphique le choix typographique s’est
porté vers la Century Gothique, une typographie à la fois lisible et agréable à l’oeil. Qui plus est cette dernière
est présente par défaut sur toutes les plateformes.
Choix des couleurs :
Choix de tons pastel pour conserver l’aspect léger et frais de l’interface.
p
4. cahier des charges
Ergonomie :
Pour l’ergonomie du système la synthèse, la simplicité sont les deux axes principaux. Dans le but d’une
navigation simple et intuitive la charte graphique
est trés épurée, elle ne comporte que peut de couleur qui aiguille rapidement l’utilisateur dans sa recherche.
En quelques clics l’internaute peut accéder
à l’information désirée et ceux sans être noyé dans le flots des liens qui ne cesse de croître. C’est donc avec
une aisance toute naturelle
que ce fait la navigation.
Étapes de maintenance :
Un administrateur sera chargé de la maintenance du site, par maintenance nous entendons ici une
démarche de vérification, d’une part:
-Vérifier que les liens postés par les utilisateurs correspondent bien au domaine du «design» sans quoi le
système perdrait toute crédibilité.
D’autre part :
-Une vérification toutes les quinzaine par le biais d’un «robot» de la viabilité des liens. C’est à dire de vérifier
que les pages indiquer existent bel et bien.
Cosmo s’affiche dans une page web, l’ouverture d’un lien se fait dans un nouvel onglet.
p