padding: 2px;
}
+table.tinybicol td, table.bicol td {
+ border: none;
+}
+
+table.tinybicol .pair, table.bicol .pair {
+ background-color: #e9e0aa;
+}
+
table.normal td { border: none; }
th { background: #d0c198; }
letter-spacing: -0.5px;
}
+div.backtotop {
+ font-size: small;
+ text-align: center;
+ padding-top: 2em;
+}
+
+div.screenshot {
+ text-align: center;
+}
+
+div.screenshot img {
+ border: 1px solid #777;
+}
+
/***************************************************************************
***************************************************************************/
function handler_manuel(&$page, $type = null)
{
$page->changeTpl('xnet/manuel.tpl');
- $page->useMenu();
$page->assign('type', $type);
}
{* *}
{**************************************************************************}
-<h1>X.net : Mode d'emploi</h1>
-
-<h2><u>Polytechnique.net : au service des administrateurs</u></h2>
+<h1>Les fonctionnalités pour les animateurs des groupes X</h1>
+<p>
Les fonctions d'administration sont accessibles depuis le menu de gauche sur la
page du groupe dont tu es le responsable. Certaines fonctions sont isolées car
ne concernent que les administrateurs, et ne sont vues que par eux. D'autres
sont accessibles depuis les liens du menu de gauche, visibles par tous les
membres. Mais dans ce cas, les fonctions réservées aux administrateurs sont
indiquées clairement comme telles, et les autres membres ne les voient pas.
-
-
-<br /><br />
-<a href="manuel/admin#annuaire">L'annuaire et les inscriptions</a><br>
-<a href="manuel/admin#evenement">La création d'un événement</a><br>
-<a href="manuel/admin#envoi">L'envoi de mail</a><br>
-<a href="manuel/admin#liste">La création d'une liste de diffusion</a><br>
-<a href="manuel/admin#alias">La création d'un alias</a><br>
-
+</p>
+
+<table class="tinybicol">
+ <tr>
+ <th>Sommaire</th>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/admin#annuaire">L'annuaire et les inscriptions</a>
+ </td>
+ </tr>
+ <tr class="pair">
+ <td>
+ <a href="manuel/admin#evenement">La création d'un événement</a>
+ </td>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/admin#envoi">L'envoi de mail</a>
+ </td>
+ </tr>
+ <tr class="pair">
+ <td>
+ <a href="manuel/admin#liste">La création d'une liste de diffusion</a>
+ </td>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/admin#alias">La création d'un alias</a><br>
+ </td>
+ </tr>
+</table>
<h3><a name="annuaire">L'annuaire et les inscriptions</a></h3>
+<p>
La
page d'annuaire comprend deux liens destinés aux administrateurs : ajout d'un
membre X, et ajout d'un membre non-X. Ces liens t'emmènent vers une page,
Polytechnicien intéressé par ton groupe, peut aussi vouloir s'inscrire depuis
le site (en mode connecté). Suite à sa demande, tu reçois un mail semblable à
celui-ci :
+</p>
-<br />
-<img src="images/mail_inscription.jpg" />
-<br />
+<div class="screenshot"><img src="images/doc/mail_inscription.jpg" /></div>
+<p>
Le
mail t'indique la démarche à suivre pour valider ou non cette inscription.
L'inscription est ensuite automatique : les listes de diffusion, ainsi que
composant ton groupe depuis cette page d'annuaire. Les trois colonnes de droite
de l'annuaire sont des colonnes d'administration, visibles seulement par les
responsables du groupe.
+</p>
-<br /><br /><a href="manuel/admin"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/admin">Retour au menu</a></div>
<h3><a name="evenement">La création d'un événement</a></h3>
+<p>
L'interface
d'administration t'offre la possibilité d'ajouter une manifestation à la liste
des événements du groupe. Depuis la page de création, tu peux décrire la
thème ? Souhaites-tu en communiquer l'existence à tous les membres du
groupe, ou à tous les X ? Selon les réponses que tu fournis, la diffusion
de cet événement via les sites polytechniciens est plus ou moins large
+</p>
-<br />
-<img src="images/evnt_creation.jpg" />
-<br />
+<div class="screenshot"><img src="images/doc/evnt_creation.jpg" /></div>
+<p>
La page de création d'événements te permet également de décrire précisément les
temps forts de la manifestation. Cette distinction peut s'avérer utile si
certains des "moments" n'intéressent pas tous les participants, et
qu'ils souhaitent s'inscrire seulement à certains d'entre eux.
+</p>
-<br />
-<img src="images/evnt_moments.jpg" />
+<div class="screenshot"><img src="images/doc/evnt_moments.jpg" /></div>
-<br /><br /><a href="manuel/admin"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/admin">Retour au menu</a></div>
<h3><a name="envoi">L'envoi de mail</a></h3>
+<p>
Depuis
Polytechnique.net, il t'est possible d'envoyer des mails aux différentes listes
de diffusion créées pour le groupe. Tu choisis ainsi les destinataires, en
commençant par "Cher Pierre". Cette personnalisation touche plus
les destinataires et conduit à un meilleur taux de réponse. C'est pourquoi nous te conseillons de
l'utiliser autant que possible.
+</p>
-<br />
-<img src="images/mail.jpg" />
-<br />
+<div class="screenshot"><img src="images/doc/mail.jpg" /></div>
-<br /><br /><a href="manuel/admin"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/admin">Retour au menu</a></div>
<h3><a name="liste">La création d'une liste de diffusion</a></h3>
+<p>
Un
groupe X a besoin de plusieurs listes de diffusion internes au groupe, qui
améliorent la communication et la circulation des informations. Des listes
bureau, ou du conseil d'administration. Pour les groupes internationaux à large
portée (tels les X-Continents), il est également très pratique d'avoir des
listes spécifiques à chaque pays.
-<br>
+<br />
Chaque
liste peut être soumise à modération :
-
<ul>
<li><u>Pour l'inscription </u>: par exemple tous les membres d'un groupe ne
peuvent pas être inscrits sur la liste du bureau.</li>
membres de la liste. Cela évite un encombrement inutile des messageries,
qui, à terme, brouille la communication.</li>
</ul>
+</p>
+<p>
La
page ci-dessous te permet de créer autant de listes de diffusion que tu le
souhaites. Sache cependant qu'une liste de diffusion, pour son bon
Pour des listes plus restreintes, opte plutôt pour un alias. Si tu souhaites
regrouper plusieurs listes de diffusion au sein d'une liste englobante, choisis
aussi d'utiliser un alias, dont la gestion est plus souple.
+</p>
-<br />
-<img src="images/liste.jpg" />
-<br />
+<div class="screenshot"><img src="images/doc/liste.jpg" /></div>
-<br /><br /><a href="manuel/admin"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/admin">Retour au menu</a></div>
<h3><a name="alias">La création d'un alias</a></h3>
+
+<p>
Cette
page t'indique la procédure à suivre pour créer un alias. Les alias sont des
listes de diffusion plus souples à gérer, mais offrant moins de fonctionnalités
que les listes de diffusion classique (modération de l'inscription et de la
diffusion notamment).
+</p>
-<br />
-<img src="images/alias.jpg" />
-<br />
-<br /><br /><a href="manuel/admin"><i><small>Retour au menu</small></i></a><br />
+<div class="screenshot"><img src="images/doc/alias.jpg" /></div>
+
+<div class="backtotop"><a href="manuel/admin">Retour au menu</a></div>
{* *}
{**************************************************************************}
-<h2>Polytechnique.net : le mode authentifié</h2>
+<h1>Les fonctionnalités pour les membres des groupes</h1>
+<p>
Polytechnique.net
a également été conçu pour répondre aux besoins des associations en termes de
gestion et d'organisation d'un groupe. C'est pourquoi Polytechnique.net te
propose des fonctionnalités facilitant la communication et l'information au
sein de ton groupe.
-
-<br />
-<a href="manuel/auth#accueil">Accueil</a><br>
-<a href="manuel/auth#tongroupe">La page de ton groupe</a><br>
-<a href="manuel/auth#annuaire">L'annuaire</a><br>
-<a href="manuel/auth#listes">Les listes de diffusion</a><br>
-<a href="manuel/auth#agenda">L'agenda privé du groupe</a><br>
-<a href="manuel/auth#carnet">Le carnet</a><br>
-<a href="manuel/auth#evenements">Les événements</a><br>
-<a href="manuel/auth#telepaiement">Le télépaiement</a><br>
+</p>
+
+<table class="tinybicol">
+ <tr>
+ <th>Sommaire</th>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/auth#accueil">Accueil</a>
+ </td>
+ </tr>
+ <tr class="pair">
+ <td>
+ <a href="manuel/auth#tongroupe">La page de ton groupe</a>
+ </td>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/auth#annuaire">L'annuaire</a>
+ </td>
+ </tr>
+ <tr class="pair">
+ <td>
+ <a href="manuel/auth#listes">Les listes de diffusion</a>
+ </td>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/auth#agenda">L'agenda privé du groupe</a>
+ </td>
+ </tr>
+ <tr class="pair">
+ <td>
+ <a href="manuel/auth#carnet">Le carnet</a>
+ </td>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/auth#evenements">Les événements</a>
+ </td>
+ </tr>
+ <tr class="pair">
+ <td>
+ <a href="manuel/auth#telepaiement">Le télépaiement</a>
+ </td>
+ </tr>
+</table>
<h3><a name="accueil">Accueil</a></h3>
+
+<p>
Pour
bénéficier de tous ces services, tu dois auparavant t'authentifier.
-<br />
-<img src="images/identification.jpg" />
-<br />
+</p>
+
+<div class="screenshot"><img src="images/doc/identification.jpg" /></div>
+<p>
Pour
les Polytechniciens, l'identifiant X et le mot de passe sont les mêmes que sur
le site Polytechnique.org. Si jamais tu as oublié ton mot de passe, tu peux
utiliser la procédure de récupération de mot de passe en cliquant sur le
porte-clés. Après t'être authentifié, tu entres en mode connecté, et tu as
accès directement aux pages des groupes auxquels tu es inscrit, depuis la page d'accueil.
+</p>
-<br />
-<img src="images/index_auth.jpg" />
+<div class="screenshot"><img src="images/doc/index_auth.jpg" /></div>
-<br /><br /><a href="manuel/auth"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/auth">Retour au menu</a></div>
<h3><a name="tongroupe">La page de ton groupe</a></h3>
+<p>
La
page de ton groupe est désormais complétée et offre des fonctionnalités
avancées, visibles seulement en mode connecté. Ces fonctionnalités sont listées
dans le menu de droite.
-<br />
-<img src="images/x-internet.jpg" />
-<br />
-
-<img src="images/fns_membres.jpg" />
+</p>
-<br /><br /><a href="manuel/auth"><i><small>Retour au menu</small></i></a><br />
+<div class="screenshot">
+ <img src="images/doc/x-internet.jpg" />
+ <img src="images/doc/fns_membres.jpg" />
+</div>
+
+<div class="backtotop"><a href="manuel/auth">Retour au menu</a></div>
<h3><a name="annuaire">L'annuaire</a></h3>
+<p>
Il liste les membres du groupe, par ordre alphabétique ou par promotions.
-<br />
-<img src="images/annuaire.jpg" />
-<br />
+</p>
+
+<div class="screenshot"><img src="images/doc/annuaire.jpg" /></div>
+
+<p>
Les
femmes sont repérées par un point à gauche de leurs noms. Les trois colonnes de
droite sont destinées aux administrateurs du groupe.
+</p>
-<br /><br /><a href="manuel/auth"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/auth">Retour au menu</a></div>
<h3><a name="listes">Les listes de diffusion</a></h3>
-<br /><br /><a href="manuel/auth"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/auth">Retour au menu</a></div>
<h3><a name="agenda">L'agenda privé du groupe</a></h3>
-<br /><br /><a href="manuel/auth"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/auth">Retour au menu</a></div>
<h3><a name="carnet">Le carnet</a></h3>
-<br /><br /><a href="manuel/auth"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/auth">Retour au menu</a></div>
<h3><a name="evenements">Les événements</a></h3>
-<br /><br /><a href="manuel/auth"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/auth">Retour au menu</a></div>
<h3><a name="telepaiement">Le télépaiement</a></h3>
+<p>
Le
site Polytechnique.net offre aux groupes la possibilité de gérer leurs
téléaiements en ligne. Cette fonctionnalité s'avère utile pour organiser des
réunions ou des manifestations qui intègrent un repas, voire des voyages
promotions. Si ton groupe ou ta promo bénéficie de ce service, tu peux te
connecter sur cette page pour y régler ta participation financière.
+</p>
-<br /><br /><a href="manuel/auth"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/auth">Retour au menu</a></div>
{* *}
{**************************************************************************}
-<h1>X.net : Mode d'emploi</h1>
-
-<h2>Polytechnique.net : Le site public</h2>
+<h1>Les fonctionnalités publiques</h1>
<p>
Polytechnique.net propose deux modes de connexion. Un internaute non authentifié a accès à de
objectif la présentation du site public, ouvert aux X, et aux non-X.
</p>
-<p>
-<a href="manuel/public#accueil">Accueil</a><br />
-<a href="manuel/public#general">Les présentations générales</a><br />
-<a href="manuel/public#dedie">Les pages dédiées</a><br />
-<a href="manuel/public#inscription">L'inscription à un groupe X</a><br />
-<a href="manuel/public#boite">La boîte à outils</a><br />
-<a href="manuel/public#recherche">La fonction recherche d'Exalead</a><br />
-<a href="manuel/public#evenements">Les événements</a><br />
-<a href="manuel/public#plan">Le plan du site</a>
-</p>
+<table class="tinybicol">
+ <tr>
+ <th>Sommaire</th>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/public#accueil">Accueil</a>
+ </td>
+ </tr>
+ <tr class="pair">
+ <td>
+ <a href="manuel/public#general">Les présentations générales</a>
+ </td>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/public#dedie">Les pages dédiées</a>
+ </td>
+ </tr>
+ <tr class="pair">
+ <td>
+ <a href="manuel/public#inscription">L'inscription à un groupe X</a>
+ </td>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/public#boite">La boîte à outils</a>
+ </td>
+ </tr>
+ <tr class="pair">
+ <td>
+ <a href="manuel/public#recherche">La fonction recherche d'Exalead</a>
+ </td>
+ </tr>
+ <tr class="impair">
+ <td>
+ <a href="manuel/public#evenements">Les événements</a>
+ </td>
+ </tr>
+ <tr class="pair">
+ <td>
+ <a href="manuel/public#plan">Le plan du site</a>
+ </td>
+ </tr>
+</table>
<h3><a name="accueil">Accueil</a></h3>
<a href="http://www.polytechnique.net/">Voir l'accueil du site</a>
-
+<p>
Depuis la page d'accueil, les visiteurs choisissent un des 4 types d'associations
-recensées par Polytechnique.net, en cliquant sur le lien adéquat (ici <i>groupe
-X</i>). Mais ils peuvent également accéder directement à la liste complète des
-associations, en cliquant sur <i>plan du site</i>.
+recensées par Polytechnique.net, en cliquant sur le lien adéquat (ici <em>groupe
+X</em>). Mais ils peuvent également accéder directement à la liste complète des
+associations, en cliquant sur <em>plan du site</em>.
+</p>
-<br /><br /><a href="manuel/public"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/public">Retour au menu</a></div>
<h3><a name="general">Les présentations générales</a></h3>
-<img src="images/groupeX.jpg" />
+<div class="screenshot"><img src="images/doc/groupeX.jpg" /></div>
-<br />
+<p>
Chacune des 4 catégories dispose d'une page descriptive. L'adresse de cette page varie
suivant la catégorie représentée :
<ul>
-<li><a href="http://www.polytechnique.net/groups/GroupesX">pour les Groupes X</a></li>
-<li><a href="http://www.polytechnique.net/groups/Binets">pour les Binets</a></li>
-<li><a href="http://www.polytechnique.net/groups/Institutions">pour les Institutions</a></li>
-<li><a href="http://www.polytechnique.net/groups/Promotions">Pour les promotions</a></li>
+
<li><a href="http://www.polytechnique.net/groups/GroupesX">pour les Groupes X</a></li>
+
<li><a href="http://www.polytechnique.net/groups/Binets">pour les Binets</a></li>
+
<li><a href="http://www.polytechnique.net/groups/Institutions">pour les Institutions</a></li>
+
<li><a href="http://www.polytechnique.net/groups/Promotions">Pour les promotions</a></li>
</ul>
+</p>
-
+<p>
Les groupes X et les binets représentés sur le site sont nombreux, c'est pourquoi
ils sont regroupés dans différentes sous-catégories (Internationaux, Loisirs,
Professionnels) qui permettent un repérage plus facile sur le site.
+</p>
-<br />
-
-<img src="images/gpx_liste.jpg" />
+<div class="screenshot"><img src="images/doc/gpx_liste.jpg" /></div>
-<br /><br /><a href="manuel/public"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/public">Retour au menu</a></div>
<h3><a name="dedie">Les pages dédiées</a></h3>
+<p>
Après avoir sélectionné l'association
polytechnicienne de ton choix, tu arrives sur la page qui lui est dédiée.
-<a href="http://www.polytechnique.net/X-Israel/"> L'exemple d'X-Israël</a
+<a href="http://www.polytechnique.net/X-Israel/"> L'exemple d'X-Israël</a>
La page de chaque association comporte ainsi :
<ul style='margin-top:0cm' type=disc>
<li style='text-align:justify'> Des informations utiles pour savoir davantage (à droite). Ce menu
te permet également de demander ton inscription au groupe si celui-ci t'intéresse.</li>
</ul>
+</p>
-<br /><br />
-
-<a href="manuel/public"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/public">Retour au menu</a></div>
<h3><a name="inscription">L'inscription à un groupe X</a></h3>
donnée à ta demande.
</p>
-<img src="images/inscription.jpg" />
+<div class="screenshot"><img src="images/doc/inscription.jpg" /></div>
-<br /><br /><a href="manuel/public"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/public">Retour au menu</a></div>
<h3><a name="boite">La boîte à outils</a></h3>
+<p>
Polytechnique.net
offre la possibilité de faire une recherche avancée, non seulement sur le site
lui-même, mais sur tous les sites polytechniciens. Pour en profiter, il te
suffit de cliquer le mot clé de ta recherche dans la boîte à outils présente
sur toutes les pages.
-<br />
-<img src="images/toolbar.jpg" />
-<br />
+</p>
+
+<div class="screenshot"><img src="images/doc/toolbar.jpg" /></div>
+
+<p>
En cliquant sur la loupe à droite, tu pourras faire une recherche via le moteur
d'<a href="http://www.exalead.fr" target="new">Exalead</a>.
Le petit carnet à droite te permet de revenir à tout instant à la page des événements. L'ampoule
te dirige vers le mode d'emploi de Polytechnique.net, destiné à faciliter
l'usage du site.
+</p>
-<br /><br /><a href="manuel/public"><i><small>Retour au menu</small></i></a><br />
+<div class="backtotop"><a href="manuel/public">Retour au menu</a></div>
<h3><a name="evenements">Les événements</a></h3>
+<p>
La
page événement recense les différentes manifestations organisées par les
groupes X. Elle est accessible depuis l'icône "carnet " de la boîte
à outils, ou depuis le lien "Manifestations" sur la page d'un
groupe
+</p>
-<br /><br /><a href="manuel/public"><i><small>Retour au menu</small></i></a><br />
+<div clas="backtotop"><a href="manuel/public">Retour au menu</a></div>
<h3><a name="plan">Le plan du site</a></h3>
+
+<p>
<a href="http://www.polytechnique.net/plan">Lien vers le plan</a>
-<br />
-<img src="images/plan.jpg" />
+</p>
-<br />
+<div class="screenshot"><img src="images/doc/plan.jpg" /></div>
+
+<p>
Cette
page recense toutes les associations polytechniciennes présentes sur le site.
Tu les trouveras triées par catégories, puis par sous-catégories. Ce plan peut
t'être utile si tu recherches un groupe particulier.
+</p>
{**************************************************************************}
<div id="content">
- <h1>Manuel d'utilisation de Polytechnique.net</h1>
+ <div class="breadcrumb">
+ {if $type}
+ <a href="manuel">Manuel</a> »
+ {if $type eq public}
+ Public
+ {elseif $type eq auth}
+ Membres
+ {elseif $type eq admin}
+ Administrateurs
+ {/if}
+ {else}
+ Manuel
+ {/if}
+ </div>
- {if !$type}
- <p>
- Nous te proposons divers manuels :
- </p>
- <ul>
+ {if $type eq public || $type eq auth || $type eq admin}
+ {include file="xnet/manuel-`$type`.tpl"}
+ {/if}
+
+ <h1>Les manuels disponibles</h1>
+ <ul>
<li>
<a href="manuel/public">fonctionnalités publiques du site</a>
<a href="docs/manuel.pdf">(version PDF)</a>
<a href="docs/manuel-admin.pdf">(version PDF)</a>
</li>
</ul>
- {elseif $type eq public || $type eq auth || $type eq admin}
- {include file="xnet/manuel-`$type`.tpl"}
- {/if}
</div>
{* vim:set et sw=2 sts=2 sws=2: *}
projects / platal.git / commitdiff
