<!DOCTYPE html PUBLIC "-
W3CDTD XHTML 1.0 Transitional
EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Maquette WikiSem?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
body { font-family: Helvetica; font-size: 90%; }
/*
Menu
*/
#menu { font-size: 80%; margin-left: 5%; background-color: ; border-left: 4px outset; border-bottom: 0px outset; width: 15%; margin-left: 82%; padding: 0.7%; }
/*
*/
#menu ul { margin: 0; padding: 0; margin-left: 2%; }
#menu li { margin-left: 9%; padding: 0; }
#menu li li { margin-left: 8% ; padding-left: 1%; }
#menu h2 { margin-top: 4%; margin-bottom: 0.5%; }
#copyright { padding: 3%; border-top: 1px inset; }
.selected { color:red; text-decoration:underline; }
/*
Objet
*/
#objet { float: left; width: 80%; border-top: 4px outset; }
/*
*/
#objet h2 { font-style: bold; }
#id { float:right; width:20%; margin: 2%; font-size: 100%; color: #ccccdd; text-align: right; border: none; }
#id a { color: #ccccdd; }
#type { margin:2%; width:70%; }
.type { font-size:70%; }
.propriete { clear:both; margin: 2%; }
- .entete { float:left; margin:0%;margin-top:0; margin-bottom:0; font-size:80%; background-color:yellow; padding:0.2% 0% 0.2% 0%; }
- .action_declaration { float:right; margin:2px; font-size:80%; }
.page { border:1px dashed; }
.footer { border:1px dashed; }
.commentsheader { border:1px dashed; }
.page, .footer, .commentsheader { clear: both; width: 100%; padding:0.2% 0% 0.2% 0%; }
#menu_objet { clear:both; background-color: pink; border: 1px solid; margin: 2%; }
#menu_objet .menu_suj { width:8%; font-size:80%; }
#menu_objet .menu_prop { width:8%; font-size:80%; background-color:yellow; }
#menu_objet .champ_val { width:78% }
#menu_objet p { margin: 0px; padding: 0.3em; }
#environ { background-color: pink; border-top: 4px solid; border-bottom: 5px solid; margin: 2%; }
#environ h3 { background-color: gray; margin: 0px; padding: 0.3em; }
#environ p { padding: 0.3em; }
/*.obj { background:transparent url('http://i.a.cnn.net/cnn/.element/img/1.0/misc/icon.external.links.gif') 100% 10% no-repeat;
padding-right:25px; }*/
@media screen {
.obj { background:transparent url('http://i.a.cnn.net/cnn/.element/img/1.0/misc/icon.external.links.gif') 100% 10% no-repeat;
padding-right:25px; }
}
@media print {
.obj { text-decoration: none; }
.obj:after { text-decoration: none; content:" *"; }
}
</style>
</head>
<body>
<h1>WikiSem?.net</h1>
<!-- Objet -->
<div id="objet">
<h1 id="id">Identifiant de l'objet : <a href="#">a</a></h1>
<h1 id="type"><a href="#" class="obj">
WikiNi</a> <span class="type">(<a href="#" class="obj">logiciel</a>, <a href="#" class="obj">outil collaboratif</a>)</span>
</h1>
<div class="propriete">
- <p class="entete">
- <a href="#" class="obj">Description</a>
- </p>
- <div class="page">
- <p class="action_declaration"><a href="#" title="éditer cette déclaration." >[modifier]</a></p>
- <h3>Description de l'interface</h3>
- La page se compose de :<br />
- <ul>
- <li> le titre du site : ici WikiSem?.net</li>
- <li> une zone de menu : ici à droite :<ul>
- <li> des choix relatifs aux actions possibles sur l'<strong>objet</strong> en cours de visualisation (modification, etc.)
- <ul>
- <li>les options proposées sont immédiatement compréhensibles</li>
- <li>... à l'exception des vues qui méritent une explication détaillée, donnée à la fin de cette description</li>
- </ul>
- </li>
- <li> des choix relatifs aux actions possibles sur l'ensemble de l'<strong>outil</strong> (configuration, requêtes, import-export, etc.)</li>
- <li> des choix relatifs à l'<strong>utilisateur</strong> (connexion, préférences, etc.)</li>
- </ul></li><li> une zone relative à l'objet qui est décrit :<ul>
- <li> un identifiant simple : ici "Identifiant de l'objet : a" ; cet identifiant n'est pas un titre mais seulement un identifiant calculé pour être unique ; c'est lui qui référence l'objet</li>
- <li> un titre : ici "<a href="http://www.wikini.net/wakka.php?wiki=WikiNi">WikiNi</a> (logiciel, outil collaboratif)" ; ce titre est calculé de la manière suivante :<ul>
- <li> la propriété "label" (ici "<a href="http://www.wikini.net/wakka.php?wiki=WikiNi">WikiNi</a>")</li>
- <li> suivie, entre parenthèses, des différentes classes auxquelles appartient cet objet (la classe des "objets" est sous-entendue) ; dans le cas présent, l'objet "<a href="http://www.wikini.net/wakka.php?wiki=WikiNi">WikiNi</a>" appartient à deux classes : la classe des "logiciels" et la classes des "outils collaboratifs")</li>
- </ul></li><li> les propriétés de l'objet (encadrées en jaunes), chaque propriété faisant référence à un contenu (encadré pointillé en regard de la propriété)</li>
- <li> un mini formulaire (sur fond rose) permettant d'ajouter en quelques clics une nouvelle propriété à l'objet ; noter que l'objet appartenant aux classes "logiciel" et "outil collaboratif", il ne jouit que des propriétés préalablement déterminées pour ces classes</li>
- <li> une zone concernant l'environnement de l'objet (sur fond rose) : cette zone peut être masquée :<ul>
- <li> la liste des tous les autres objets appartenant aux classes dont fait partie l'objet (les classes "logiciel" et "outil collaboratif")</li>
- <li> les propriétés possibles de cet objet (déterminées en fonction des classes dont il fait partie)</li>
- <li> une cartographie de cet objet (encore en cours de réflexion)</li>
- </ul></li>
- </ul></li>
- </ul>
- <br />
- Cette page est une vue particulière de l'objet WikiNi : la vue complète. Une vue est une représentation de l'objet avec plus ou moins d'informations, ordonnées selon des paramètres fixés dans l'outil.<br />
- <br />
<div class="commentsheader">
Il y a 3 métadonnées relatives à cette déclaration.
[<a href="#">Afficher les métadonnées/formulaire</a>]
</div>
<div class="footer">
Métadonnées automatiques : <a href="#" title="Dernières modifications sur cette page.">2004-04-22 15:01:24</a> ::
Propriétaire : <a href="http://www.wikini.net/wakka.php?wiki=CharlesNepote">CharlesNepote</a>
</div>
</div>
<div class="propriete">
<p class="entete"><a href="#" class="obj">Auteur</a></p>
<div class="page">
<p class="action_declaration"><a href="#" title="éditer cette déclaration." >[modifier]</a></p>
<a href="#" class="obj">Hendrick Man</a>, <a href="#" class="obj">David Delon</a>
</div>
</div>
<div class="propriete">
<p class="entete"><a href="#" class="obj">License</a></p>
<div class="page">
<p class="action_declaration"><a href="#" title="éditer cette déclaration." >[modifier]</a></p>
<a href="#" class="obj">Licence GPL</a>
</div>
</div>
<!-- <hr style="color: red;" /> -->
<!-- menu objet -->
<div id="menu_objet">
<form action="#" method="get">
<p>
Ajouter une déclaration dont <a href="#">WikiNi</a> est le sujet (assistant) :<br />
<a href="#">WikiNi</a>
->
<input type="hidden" name="wiki" value="propriete" />
<select name="property" class="menu_prop" />
<option>...</option>
<option>auteur</option>
<option>commentaire</option>
<option>est définit par</option>
<option>label</option>
<option>licence</option>
<option>mode</option>
<option>type</option>
<option>voir également</option>
</select>
->
<input name="property" class="champ_val" />
</p>
</form>
</div>
<!-- -->
<!-- menu objet -->
<div id="menu_objet">
<form action="#" method="get">
<p>
Ajouter une déclaration dont <a href="#">WikiNi</a> est l'objet (assistant) :<br />
<input type="hidden" name="wiki" value="propriete" />
<select name="property" class="menu_suj" />
<option>...</option>
</select>
->
<input type="hidden" name="wiki" value="propriete" />
<select name="property" class="menu_prop" />
<option>...</option>
<option>utilise</option>
<option>est équivalent à</option>
<option>est différent de</option>
</select>
->
<a href="#">WikiNi</a>
</p>
</form>
</div>
<!--
-->
<div id="environ">
<h3>Environnement <a href="#" style="text-decoration:none;">[-/+]</a></h3>
<p>
Autres logiciels : <a href="#" class="obj">...</a>, <a href="#" class="obj">...</a>
</p>
<p>
Autres outils collaboratifs : <a href="#" class="obj">...</a>, <a href="#" class="obj">...</a>
</p>
<p>
Propriétés possibles de cet objet :
<ul>
<li>En tant qu'objet : <a href="#" class="obj">commentaire</a>, <a href="#" class="obj">est définit par</a>, <a href="#" class="obj">label</a>, <a href="#" class="obj">type</a>, <a href="#" class="obj">voir également</a></li>
<li>En tant que logiciel : <a href="#" class="obj">auteur</a>, <a href="#" class="obj">licence</a>, <a href="#" class="obj">...</a></li>
<li>En tant qu'outil collaboratif : <a href="#" class="obj">mode</a>, <a href="#" class="obj">...</a></li>
</ul>
</p>
<p>
Cartographie :
<ul>
<li><a href="#" class="obj">Objet</a> --> <a href="#" class="obj">Produit</a> --> <a href="#" class="obj">Logiciel</a> --> <a href="#" class="obj">WikiNi</a></li>
<li><a href="#" class="obj">Objet</a> --> <a href="#" class="obj">Outil</a> --> <a href="#" class="obj">Outil collaboratif</a> --> <a href="#" class="obj">WikiNi</a></li>
</ul>
</p>
</div>
<!-- /menu objet -->
</div>
<!-- /Objet -->
<!-- Menu général -->
<div id="menu">
<h2>Objet</h2>
<ul>
- <li>Modifier l'objet</li>
- <li>Ajouter une propriété</li>
- <li>Modifier les droits</li>
- <li>Supprimer l'objet</li>
- <li>S'approprier l'objet</li>
- <li>Vue
- <ul>
- <li class="selected">Vue complète</li>
- <li>Vue simplifiée</li>
- <li>A la Wiki (par défaut)</li>
- <li>Réseau FOAF</li>
- <li>Historique</li>
- <li>En réseau</li>
- <li>RDF</li>
- <li>RSS</li>
- </ul>
- </li>
</ul>
<h2>Outil</h2>
<ul>
- <li>Présentation</li>
- <li>Configuration</li>
- <li>Requêtes
- <ul>
- <li>Historique des objets</li>
- <li>Liste des objets</li>
- <li>entrées de blog</li>
- <li>recherche simple...</li>
- <li>recherche complète...</li>
- </ul>
- </li>
- <li>Importer</li>
- <li>Exporter</li>
- <li>Synchroniser</li>
- <li>Créer un nouvel objet
- <ul>
- <li>Objet nu (assistant)</li>
- <li>Classe d'objets</li>
- <li>Propriété</li>
- <li>Modèle de vue</li>
- <li>Modèle de formulaire</li>
- <li>Personne</li>
- <li>Une nouvelle entrée...</li>
- </ul>
- </li>
</ul>
<h2>Utilisateur</h2>
<ul>
- <li>Vous êtes <a href="#">CharlesNepote</a> (<a href="#">Déconnexion</a>)</li>
- <li>Mes requêtes
- <ul>
- <li>Nouveaux utilisateurs</li>
- <li>Nouvelles web sémantiques</li>
- <li>Dernières contribs</li>
- <li>Gérer <em>mes requêtes</em>...</li>
- </ul>
- </li>
- <li>Préférences</li>
- <li>Style</li>
</ul>
<p id="copyright">
<a href="http://validator.w3.org/check/referer">XHTML 1.0 valide ?</a> ::
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS valide ?</a> ::
-- Maquette <a href="#">WikiSem?</a> "Orandre" 2004-09-03 18:00
</p>
<!-- /Menu général -->
</body>
</head>