RRéférence Client : . . . . . . . . . . . .

VVotre Contact : . . . . . . . . . . . . . . .

L’informatique et la formation en direction des élus

INOVA3 Sarl au capital de 9200 Euros

Siret 441761798 NAF 722Z

Tel : 0826 965 995 / Fax : 04 26 00 79 09

http://www.inova3.com - email : info@inova3.com

ICE version 2.30 Edité le 30 juillet 2011

TABLE DES MATIERES

PRESENTATION DES PRODUITS INOVA 3 3 PRESENTATION DU SITE INTERNET ICE 4 INSTALLATIONS ET MISE A JOUR 5 Assistance technique PREMIER CONNEXION 6 Le compte Administrateur LES COMPTES SALARIES 7 Les Commandes en attentes de validation 8 L’ADMINISTRATION DU SITE 9 Modifier l’apparence du site Modifier le Bandeau Gestion des activités 10 Les onglets : Tarifs, Stock, Nouveauté 11 Gestion des groupes 12 Ajouter un cadre Mise en forme – l'éditeur TinyMCE 14 à 24 Créer une Nouvelle Page 25 Ajouter des Sondages 26 Ajouter un Album Photo Ajouter un Formulaire de Contact 27 Ajouter les 'nouveautés du site' Envoi de mail 28 Configuration générale Nouvelles connexions 29 Petites Annonces Ajouter des Documents LE FORUM 30 LE COMPTE UTILISATEUR SALARIE 32

Les Logiciels de Gestion

ONIS CE : Gestion de l’ensemble des activités sociales et culturelles, documents, mailing, comptabilités, statistiques, gestion des utilisateurs, des salariés de la société…Options supplémentaires : AVE (aide vacances épargne) et Location immobilières. INTERNET CE : Permet d’améliorer de façon optimale la communication entre le comité d’entreprise et les salariés de la société. Vous pouvez gérer le site Internet du comité sans aucune connaissance préalable. La rectification ou l’ajout de nouvelles données se fait en temps réel de manière simple, rapide et facile.

Les Formations Informatique :

Pour connaître la gestion et l’organisation des documents informatiques. Découvrir les logiciels Word, Excel, Internet Explorer … Les Formation en direction des élus : - Le fonctionnement et mission du C.E - La mise en place et la gestion des activités sociales et culturelles - Le rôle du secrétaire - Le rôle du trésorier - Gérer les budgets du C.E. - Les formations DIF et CIF - La délégation unique - Le délégué du personnel - La formation professionnelle - L’épargne salariale - La Formation CHSCT - Réussir les élections du CE et des délégués du personnel - La Communication

L’Assistance Juridique

Dans une logique de services toujours plus performante et afin d'apporter une solution adaptée à toutes les attentes et besoins des élus des Comités d'Entreprise, nous avons décidé de mettre en place une assistance juridique personnalisée. Cela vous permettra de prendre directement contact auprès d'avocats spécialisés dans le domaine du droit du travail. Nous vous proposons un forfait annuel qui vous permettra de solliciter leur aide à hauteur de 15 heures de communication téléphonique avec une réponse à vos questions avec un apport de document illimité transmis par courriel, télécopie ou courrier.

AVANT PROPOS Toute l’équipe d’INOVA3 vous félicite pour l’achat de ce produit, et vous remercie de votre confiance. Nous espérons qu’il vous apportera une entière satisfaction. INOVA3 est une société spécialisée sur l’informatique en direction des comites d’entreprise et la formation en direction des élus. Notre savoir-faire et nos compétences sont reconnus par de très nombreux comités. L’évolution de notre entreprise témoigne du sérieux et de la motivation des personnes qui la composent. Sa qualité est directement proportionnelle à celle de ses collaborateurs. Tous nos produits ont été réalisés avec des comités d’entreprise et des partenaires proches. Ils sont en constante évolution. Nos concepteurs sont à votre écoute pour en améliorer la simplicité et la convivialité. Les évolutions sont en fonction de vos demandes. Chacun de vos souhaits, permettant d’améliorer l’utilisation, est enregistré et pris en compte par nos techniciens. Pour continuer dans la logique du sérieux qui nous caractérise, chaque fonction est réfléchie, analysée, développée et testée avec le plus grand soin. Le site internet ICE, proposé par INOVA3 a été développé dans le but d’apporter une solution { toutes les attentes et besoins des CE. La rectification et ajout de données qui se fait en temps réel de manière simple, rapide et efficace permet aux élus de mettre en ligne diverses informations accessibles aux salariés pour optimiser la communication. Vous pourrez donc gérer votre site Internet sans aucune connaissance informatique particulière. Ce document ne prétend pas être une aide exhaustive, néanmoins c’est un document très simplifié pour appréhender l’utilisation quotidienne de votre site internet ICE..

L’équipe INOVA 3

PRESENTATION DES PRODUITS INOVA 3 La Société INOVA3 propose une gamme de logiciels et de services pour les comités d'entreprises. Pour toutes informations, contactez-nous au 04 66 70 10 04. INOVA3 est un prestataire de formations enregistré auprès du Préfet de Région Languedoc Roussillon sous le numéro d’agrément 91-30-02354-30.

PRESENTATION DU SITE INTERNET ICE

ICE est composé de plusieurs pages Internet, accessibles directement par la barre de menu ou par un lien direct sur la page en cours. Une page ICE est composée d’un bandeau situé en haut de la page Internet. Un menu de navigation (accueil ; activités ; documents ; forum ; petites annonces). Un cadre est un bloc de texte ou d’image définissant le contenu d’une page. L’apparence générale du site est définie par le style des cadres, les couleurs, la police du menu et de la présentation des activités. • Le site Internet est accessible via les menus Accueil, et activités. La page d’accueil est accessible par tous les internautes sans besoin d’identification. Le menu activité et ses sous menus présentent les différentes activités du CE et ne sont accessibles que par les utilisateurs ayant un accès (login et mot de passe). • La gestion de documents est accessible via le menu document. Il permet d’accéder aux différents documents mis en ligne par le CE. • Le forum est accessible via le menu forum. Il permet d‘accéder aux différents thèmes disponibles. L’utilisateur devra s’identifier indifféremment du site Internet. L’administrateur peut autoriser ou interdire l’accès au forum pour un utilisateur donné. • L’administration du site est accessible via le menu administrateur. L’administrateur a le pouvoir le plus étendu sur toute la gestion d’ICE.

En tant qu’administrateur du site, vous pouvez : - Modifier l’apparence générale d’ICE, bandeau, style, cadre, etc. ... - Gérer le contenu du site Internet et l’affichage des activités, - Gérer les différents groupes d’utilisateurs, - Organiser et définir l’accès aux documents en ligne, - Gérer la rubrique petites annonces - Gérer le forum et ses thèmes de discussions, réglementer les accès …, - Gérer les différentes demandes des salariés, comme la commande d’activités ou la modification des informations de leur compte etc. ...

Internet CE est composé de 4 options : - Le site Internet vous permettra de présenter vos activités aux salariés. Véritable outil de communication, ICE permet d’être en relation permanente avec les salariés et de communiquer sur n’importe quel sujet. Ce site est directement modifiable en ligne par l’administrateur sans aucune connaissance préalable en Informatique. - Les documents Informatiques (fichiers Word, Excel,…) sont accessibles de manière sécurisées entre membres du CE et/ou salariés. L’administrateur peut créer des groupes d’utilisateurs ayant des droits spécifiques d’accès sur chaque répertoire de documents. - Un forum de discussion : Le forum est composé d’un modérateur permettant { l’administrateur de contrôler que chaque message posté par les utilisateurs soit conforme à la charte du CE. - Option de commande : ICE peut être en relation avec votre logiciel de gestion Onis CE en version Internet : Cette particularité vous permettra un gain de temps considérable. Chaque salarié pourra, s’il le désire, effectuer les changements d’informations de son compte comme par exemple : changement d’Etat Civil, Adresse Naissances, etc. ... mais aussi commander ou réserver une activité, répondre { un questionnaire, participer { un sondage, etc. ... Ces modifications ne seront prises en compte qu’une fois la validation faîte par l’administration d’ICE.

INSTALLATION ET MISE A JOUR ICE ne nécessite aucune installation sur votre ordinateur, il est accessible { partir de n’importe quel endroit géographiquement éloigné si son utilisateur possède : - Un ordinateur muni d’une liaison Internet. - L’adresse Internet (Exemple : www.ceuntel.com), un login (Nom d’utilisateur) et un mot de passe. La mise en place d’ICE est effectuée entièrement par la société Inova3, sans aucune intervention de votre part. Au moment de cette installation, Inova3 peut vous demander certaines informations comme : - La liste des salariés sous Excel, suivant un format prédéfini - Le nom de domaine de votre choix (Exemple : www.ceuntel.com) etc. - La quantité approximative de documents que vous souhaitez mettre en ligne. La plupart des mises { jour d’ICE sont effectuées par la société INOVA3, sans aucune intervention du comité d’entreprise.

ASSISTANCE TECHNIQUE

Si vous ne trouvez pas la réponse à votre question, n'hésitez pas à contacter le service maintenance au 04.66.67.00.00 (numéro non surtaxé) de 9h à 12h et de 14h à 16h30.

PREMIERE CONNEXION

La première page de votre site est consultable depuis votre navigateur internet en tapant le nom de domaine de votre CE dans la barre d’adresse, exemple : www.monce.com Le navigateur affiche alors la page d’accueil de votre site avec un bandeau animé (personnalisable) et le cadre suivant « ouvrir une session » :

SI ce cadre ne s’affiche pas cliquer sur le bouton connexion situé sous le bandeau à droite.

Le Compte Administrateur Pour vous connecter au site rentrer l’identifiant : admin et le mot de passe : admin et valider. Vous êtes maintenant connecté, cliquez sur « mon compte » en haut à gauche, la page « administration du site internet ce » s’ouvre : Nous vous conseillons de changer les paramètres de connexion du compte administrateur. Cliquer sur le bouton « modifier le compte ».

Vous pouvez aussi gérer les comptes salariés, les commandes et les changements d’état civil demandés par les salariés.

LES COMPTES SALARIES

Cliquez sur « compte salarié », « ajoutez un salarié », renseignez les champs correspondants du salarié, et cliquez sur « envoyer les modifications » Répétez cette action pour chaque employé. Vous obtenez un tableau comportant tous les employés enregistrés.

Vous pouvez gérer les accès au site, générer des mots de passes, modifier l’adresse mail du salarié et son accès au forum. Pour ouvrir une fiche état civil d’un salarié, cliquer sur le nom du salarié. Vous pourrez alors modifier les informations. Pour les valider, n’oubliez pas de cliquer sur le bouton en bas de la page « envoyer les modifications… ».

Les Commandes en attentes de validation Les salariés peuvent se connecter au site pour consulter les pages mais aussi pour commander des activités. Une alerte s’affiche qui vous indique, { l’aide d’un chiffre, le nombre de commandes en attentes. Vous pouvez les valider ou les refuser. En cas de refus vous pouvez rajouter une observation car un mail sera envoyé au salarié.

Listes des commandes en attentes classées par salarié :

Listes des demandes de changement d’état civil en attentes classées par salarié :

Un mail automatique est envoyé au salarié pour l’avertir.

L’ADMINISTRATION DU SITE

Les pages d’informations du site sont entièrement modifiables. En haut de la page d’accueil se trouve «administration du site », placez la souris dessus :

L’administration du site permet de personnaliser l’apparence de la page d’accueil grâce { des styles et des couleurs différents.

Modifier l’apparence du site Une fenêtre s’ouvre, en haut on trouve : « couleur de fond du site » Choisissez une couleur en cliquant dans le rectangle et choisissez transparent ou non autour des cadres. En dessous, sélectionnez une apparence parmi les 30 styles différents. Par la suite vous retrouverez cette même page pour la création de cadres, pages, sondages et albums photos.

Modifier le Bandeau

Chaque page internet est composée d’un bandeau commun à toutes les pages et de l’apparence générale du site. Le bandeau est représenté par le cadre du haut de chaque page, il est modifiable. La dimension du bandeau est 900 px en largeur et 200 px (ou moins) en hauteur. Dans «administration du site », cliquez sur « modifier le bandeau » Sélectionnez un bandeau ou une image dans la liste proposée ou appuyez sur « parcourir » pour en chercher un sur votre disque dur,

cliquez sur V en vert pour valider votre choix.

Gestion des activités Le menu activité est accessible par les utilisateurs (salariés connus de la société). Vous devez donc vous identifier avant d’y accéder. ICE vous permet de présenter vos activités au travers du site internet, vous pouvez créer autant d’activité que vous souhaitez. Pour des raisons de clarté, le menu « activité » ne présentera que les cinq premières activités créées. Dans «administration du site », cliquez sur « gestions des activités ». En haut à gauche vous pouvez sélectionner le type d’activité que vous souhaitez créer, exemple : «activité en ligne » Cliquez sur « ajouter une activité » Une page s’ouvre :

Renseignez le titre, si vous souhaitez, vous pouvez insérer une vignette { partir de l’icône « parcourir » en haut à droite. Saisir un résumé bref de l’activité. A l’aide des outils Word, faites une description détaillée de votre activité. Renseignez ceux-ci jusqu’aux dates de début et fin de l’affichage, validez

Les onglets : Tarifs, Stock, Nouveauté Vous pouvez indiquer les tarifs de l’activité :

Vous pouvez indiquer les stocks :

L’onglet « nouveauté » est en lien avec la fonction « Ajouter les 'nouveautés du site » :

Gestion des groupes Un groupe est une liste d’utilisateurs, sélectionnés parmi les salariés. Un groupe est identifié par un nom. Un utilisateur ou salarié peut appartenir à plusieurs groupes. L’utilité d’un groupe d’utilisateurs est de permettre aux salariés de consulter les documents que le CE met en ligne. Dans «administration du site », cliquez sur «gestions des groupes ».

Donnez un nom à un nouveau groupe puis validez. Cliquez sur le groupe que vous venez de créer et ajouter les salariés que vous souhaitez voir apparaître dans se groupe, pour faciliter vos recherches, utilisez le filtre en haut du tableau des employés. Vous pouvez supprimer ce groupe grâce à la corbeille placée à coté du nom du groupe.

Vous pouvez à tous moment modifier le groupe et renommer ce groupe { l’aide la flèche .

Ajouter un cadre Afin de faciliter la mise en forme de texte, un éditeur de texte est intégré. Celui-ci permet { l’utilisateur du CMS de mettre en forme ses données en ligne sans connaissance HTML et des feuilles de styles. Les cadres vous permettent de créer du contenu dans une page. Par exemple une nouvelle activité en première page du site ou de présenter un nouvel événement que tout le monde pourra voir dès l’ouverture du site. Chaque page Internet est composée de cadres positionnés précisément sur la page. Dans «administration du site », cliquez sur «ajouter un cadre » :

En bas { gauche de la page d’accueil apparaît un cadre dans lequel il y à 3 icônes :*

un bloc note avec un crayon : modifier le contenu du cadre,

un « engrenage bleu » : modifier le style du cadre,

et une croix blanche : supprimer le cadre.

cliquez sur celui qui est le plus à gauche, (le bloc note avec le crayon). Voici la page qui apparaît : En annexe vous trouverez une documentation plus complète sur l’éditeur TynMce.

1. Donnez un titre { ce cadre, mentionnez ensuite les informations sur se cadre { l’aide des outils Word. 2. Rédiger votre texte, insérer des images, tableau, liens … 3. En dessous des informations, dans la zone grise se trouvent, la vitesse de défilement du texte et son sens

de défilement.

4. L’onglet nouveauté vous permet d’indiquer que le titre du cadre sera inclus dans le cadre nouveauté (à insérer sur la page d’accueil).

5. Valider pour actualiser la page.

Votre cadre apparaît maintenant complété. (Vous pouvez créer plusieurs cadres sur une même page). Dans votre cadre, cliquez sur l’icône centrale (l’engrenage bleu), pour la modification de style. Vous pouvez modifier les dimensions des cadres { l’aide de la poignée située en bas { droite de celui-ci. Pour cela, placez vous sur la poignée (symbolisée par une flèche en diagonale quand votre curseur est positionnée dessus), cliquez sans relâcher le bouton déplacez votre souris, vous verrez votre cadre s’allonger ou s’élargir selon où vous la dirigerez. Vous pouvez aussi déplacer votre cadre en cliquant sans relâcher n’ importe où dans le cadre.

1.

2.

3.

4.

5.

Mise en forme – l'éditeur TinyMCE

Les parties suivantes du guide concerne aussi bien le contenu « Page » que le contenu « Cadre ». Nous aborderons quelques notions de mise en page ainsi que leur mise en pratique avec l'éditeur TinyMCE. Pour les besoins de l'opération nous allons prendre un texte plus long, le Lorem Ipsum. Vous pouvez bien évidemment tester les différents aspects de TinyMCE avec le texte de votre choix. Voici le texte tel qu'il apparaît dans notre nouvelle page :

Nous allons lui donner une présentation digne de votre site Web.

Les paragraphes

Nous allons préparer notre texte en 4 paragraphes distincts. Pour se faire placer le curseur de la souris à l'endroit où vous désirez faire votre paragraphe puis appuyer sur la touche « entrée » de votre clavier. Notre texte va prendre cette apparence :

Maintenant, sélectionner le premier paragraphe ou placer simplement votre curseur de souris n'importe où à l'intérieur de ce paragraphe. Depuis la liste déroulante « Format », sélectionné, si ce n'est déjà fait,

« Paragraphe ».

Justifions notre paragraphe, la justification du texte permet de l'aligner à droite et à gauche de manière à ce que chaque ligne ait la même longueur. Toujours le texte sur-ligné, cliquer sur l'icône de justification :

Votre texte est à présent convenable.

Note : les trois icône précédentes et de droite à gauche alignent le texte à droite, au centre ou à gauche de la page.

Créer des titres, des sous-titres...

Entrer le titre, puis dans la liste déroulante « Format », sélectionner la mise en forme « Titre » de votre choix (Titre 1 à 6). Attention, le titre 2 donne le même résultat que le titre placé en tête d'article ou de page. Exemple de l'aspect de vos titres dans la partie publique :

Gras, Italique, souligné et barré

Gras

Sélectionner le mot, la ligne ou le paragraphe à mettre en valeur puis cliquer sur cette icône, la sélection

passera en caractères gras. Un nouveau clic remettra votre sélection en caractères normaux. Italique

Sélectionner le mot, la ligne ou le paragraphe à mettre en valeur puis cliquer sur cette icône, la sélection

passera en caractères inclinés. Un nouveau clic remettra votre sélection en caractères normaux. Souligné

Sélectionner le mot, la ligne ou le paragraphe à mettre en valeur puis cliquer sur cette icône, la sélection

sera soulignée. Un nouveau clic désactivera le soulignement. Barré

Sélectionner le mot, la ligne ou le paragraphe à mettre en valeur puis cliquer sur cette icône, la

sélection sera barrée. Un nouveau clic désactivera l'action.

Ces quatre actions peuvent se cumuler, ainsi il est possible d'obtenir un texte en italique gras, souligné et barré.

Les puces et numérotation

Puces

Sélectionner plusieurs lignes ou paragraphes et cliquer sur cette

icône, pour obtenir automatiquement une liste à puces. Pour désactiver la liste et revenir à vos paragraphes d'origine, répéter l'opération.

Numérotation

Sélectionner plusieurs lignes ou paragraphes et cliquer sur cette

icône, Pour obtenir automatiquement un liste numérotée. Pour désactiver la liste et revenir à vos paragraphes d'origine, répéter l'opération.

Les indentations (un retrait de la première ligne d’un paragraphe)

Sélectionner votre paragraphe et cliquer sur cette icône, pour obtenir

automatiquement une indentation ou retrait. Cette action à pour but de décaler votre paragraphe d'un cran vers la droite. Un deuxième clic sur ce bouton provoque une indentation supplémentaire.

Pour désactiver cette action, cliquer sur cette icône autant de fois que nécessaire.

Annuler et refaire

Annule la dernière modification effectuée sur votre texte, quelle qu'elle soit. C'est le moyen de

revenir immédiatement en arrière en cas d'erreur. Raccourci clavier (Ctrl + z).

Rétabli la dernière modification dans le cas où celle-ci à été annulée par le bouton précédent.

Raccourci clavier (Ctrl + y).

Couper, coller, copier

Couper

Sélectionner tout ou partie de votre texte et cliquer sur cette icône, pour couper la sélection et la

mettre dans le presse papier. Cette sélection est alors disponible pour un coller. Raccourci clavier (Ctrl + x).

Coller

Colle la sélection du presse papier à l'endroit du curseur de votre souris sans précautions

supplémentaire. Raccourci clavier (Ctrl + v).

Coller en tant que texte brut

Une action sur ce bouton provoque l'apparition d'une fenêtre dans laquelle le texte sera collé

grâce au raccourci clavier (Ctrl + v). La validation de cette fenêtre provoquera l'ajout de votre texte à la position qu'occupe votre curseur de souris.

Coller au départ d'un texte créé sous Word

Une action sur ce bouton provoque l'apparition d'une fenêtre dans laquelle

le texte issu du traitement de texte Microsoft Word sera collé grâce au raccourci clavier (Ctrl + v). La

validation de cette fenêtre provoquera l'ajout de votre texte à la position qu'occupe votre curseur de souris. Attention toutefois à prendre en considération qu'un document issu de Word, n'est pas à proprement parlé un document texte. De nombreux paramètres sont inclus dans ce type de document qui peuvent venir perturber fortement votre insertion. D'autre part, si le document original inclus des images, celles-ci seront à ajouter manuellement à votre page, les liens étant cassés.

Vous pouvez également utiliser cet outil afin d'insérer un texte issu de la suite Open Office.

Insérer une image

Cette fonction de TinyMCE est bien pratique, elle vous permet d'insérer une image dans votre texte. Pour se faire, l'image en question doit avoir un format spécifique web pour que les navigateurs internet puissent les lire. Les images JPG, GIF et PNG sont acceptées. Le nom de l'image doit être en minuscule, sans accent, caractères spéciaux, espace ... Exemple image.jpg

Placer votre curseur à l'endroit où vous désirez insérer votre image puis cliquer sur cette icône.

Une fenêtre apparaît à l'écran que nous allons détailler quelque peu :

Afin de déterminer l'adresse de votre image, pour indiquer où elle se trouve, cliquer sur l'icône entourée de rouge sur la capture d'écran de la page suivante :

Obligatoire

Cette action va provoquer l'ouverture du gestionnaire d'image en vous donnant la liste des images disponibles sur votre serveur :

Sélectionner l'image que vous désirez, celle-ci apparaît à présent dans la fenêtre. Vous pouvez ajouter une image en cliquant sur le bouton parcourir.

Position par rapport au texte

De nombreux réglages sont disponibles via cette fenêtre. Maintenant que votre image se trouve dans votre texte, sélectionnez-la, puis cliquer à nouveau sur ce même bouton. La fenêtre réapparaît.

Cliquer sur l'onglet « Apparence ».

Ici vous allez pouvoir régler plus finement la position de votre image par rapport à votre texte.

Pour toutes les action décrites ci-après, une vue, sur la droite de la fenêtre, vous donne un aperçu du résultat.

.Alignement :

Sélectionner dans cette liste déroulante l'alignement de l'image par rapport au texte. Les possibilités les plus intéressantes sont l'alignement à gauche ou à droite, qui va placer votre image à gauche ou à droite de votre paragraphe. Milieu, bas et haut permettent respectivement de placer votre image en positionnant la première ligne de votre paragraphe au milieu, en haut ou en bas de l'image. Ces réglages appartiennent à l'attribut style de votre balise HTML <img> avec :

• left : Gauche (style="float: left;") • right : Droite (style="float: right;") • middle : Milieu (style="vertical-align: middle;") • baseline : Base (style="vertical-align: baseline;") • text-bottom : Bas du texte (style="vertical-align: text-bottom;") • text-top: Haut du texte (style="vertical-align: text-top;") • top : Haut (style="vertical-align: top;") • bottom : Bas (style="vertical-align: bottom;")

.Dimensions :

Dimensionne l'image selon votre choix, largeur x hauteur. Pour conserver les proportions de l'image cocher « Conserver les proportions ». Dans ce cas seule une dimension sera spécifiée. Ceci correspondant aux attributs width et height de la balise HTML <img>.

.Espacement :

Régler ici l'espacement à respecter par rapport au texte, verticalement et/ ou horizontalement. Ces valeurs sont à exprimer en pixels et correspondent aux attributs vspace et hspace de la balise HTML <img>.

.Bordure :

Affiche une bordure autour de votre image, la largeur du trait est exprimée en pixels. Cette action est reprise dans l'attribut border de la balise HTML <img>. .Classe :

Permet d'affecter une classe css pour l'affichage de l'image grâce à l'attribut class de la balise HTML <img>.

.Style :

Le style est repris des éléments entrés précédemment, vous pouvez le modifier ici. Une connaissance de css est ici requise.

Valider les paramètres en cliquant sur le bouton « Insérer ».

Paramètres d'image avancé

.Image alternative

Vous pouvez paramétrer une image changeante au survol de la souris, ou image alternative, en cochant « Image alternative ». Cliquer sur l'icône à droite de la ligne « au passage de la souris » afin de déterminer l'image qui apparaîtra au survol. Puis sélectionner l'image affichée par la sortie de souris.

Valider en cliquant sur le bouton « Insérer ».

.Paramètres divers • Id : Attribue un id à votre image, le code généré est inséré dans la balise HTML <img> en tant que : id= ''nom''. • Sens de lecture : ajoute l'attribut dir="ltr" ou dir="rtl" à la balise <img>. • Code de la langue : ajoute l'attribut lang="code" à votre balise HTML <img>. • Carte image : ajoute un attribut usemap="fichier" à votre image. • Description longue du lien : ajoute l'attribut longdesc="description longue du lien" à la balise HTML <img>.

Insérer un lien, une ancre

Lien externe

Sélectionner la partie du texte à laquelle vous voulez attribuer un lien pointant vers une page

Web ne faisant pas partie de votre CMS et cliquer sur cette icône. Une fenêtre apparaît vous demandant de remplir l'adresse de la page que vous souhaitez lier. Entrer l'adresse sous la forme http://site/page.

Le bouton recherche permet de faire un lien vers un fichiers préalablement chargé par le gestionnaire de fichier, une page du site, un document. Adapter la cible à votre lien si vous souhaitez afficher le lien dans la même fenêtre du navigateur, ou dans une nouvelle fenêtre (_blank). Vous pouvez insérer un lien vers une boite mail en spécifiant l'URL de la sorte : mailto:nom@serveur.extension.

23

Lien sur une image

Le principe est le même que ci-dessus, sélectionner l'image pour laquelle vous voulez établir un lien

vers l'extérieur et cliquer sur cette icône. Dans la fenêtre entrer l'adresse du lien, toujours sous la forme http://site/page.

Création d'un popup

Cliquer sur l'onglet « popup », dans propriété du popup, cochez « Popup en Javascript ». Ceci active le formulaire ainsi que ses options.

La partie « Options » précise les attributs de la fenêtre popup. Valider en cliquant sur le bouton « Insérer ».

Les ancres

Permet de placer une ancre sur le texte afin d'établir un lien dans le même document.

Placer votre curseur de souris à l'endroit ou vous désirez votre ancre et cliquer sur ce bouton.

Donner lui un nom univoque et validez.

Ce symbole apparaît à l'emplacement de votre curseur afin de vous signaler l'existence de l'ancre.

Pour établir le lien, toujours dans la même page, procéder comme pour un lien interne, (5.9.1.Lien interne). Sélectionner votre page dans la liste déroulante. Cliquer sur ce nouveau lien et éditez-le. Dans la boite de saisie « URL du lien », ajouter votre ancre à la fin de l'adresse '#nom-de-mon- ancre', sans les apostrophes et valider.

Ne pas sélectionner votre ancre depuis la liste déroulante « Ancres » de la fenêtre Insérer/Editer liens qui à pour effet de supprimer l'URL, mais ajouter l'ancre manuellement en séparant l'URL de l'ancre avec un #. L'ancre est normalement un lien hypertexte à l'intérieur d'un même document.

Insérer des caractères spéciaux

Jouer avec les couleurs

Couleur de texte

Sélectionner la partie du texte à laquelle vous voulez attribuer une couleur cliquer sur la flèche de l'icône.

Sélectionner la couleur.

Couleur de sur-lignage

Sélectionner la partie du texte à laquelle vous voulez attribuer une couleur de fond puis cliquer sur la

flèche de l'icône. Sélectionner la couleur.

Editer la source

Cliquer sur l'icône afin d'accéder au code source de la

page. Cette fonction est très pratique pour régler les problèmes de mise en page susceptibles de se produire. La syntaxe est classique au format HTML et la fenêtre présente deux options d'affichage, en ligne ou avec rupture de ligne.

Créer une Nouvelle Page ICE vous permet d’ajouter de nouvelles pages { votre site internet. Celles-ci seront directement accessibles depuis le menu « accueil ». Dans «administration du site », cliquez sur « gestion des pages » : Donnez un titre à une nouvelle page puis validez.

Vous pouvez :

Verrouiller la page d’accueil du site ou les pages individuellement grâce au cadenas situé à droite.

Rendre invisible la page en cliquant sur l’œil { coté du cadenas.

Modifier l’intitulé de la page en cliquant sur le bloc note { droite de l’œil.

Supprimer la page en cliquant sur la croix rouge à coté du bloc note.

Modifier l’ordre des pages dans le menu accueil.

Cliquer ensuite sur le titre de la page pour commencer à créer des cadres de contenu, à vous de choisir comment remplir cette page { l’aide des différentes possibilités que nous venons de voir (cadres, sondages, albums photos).

Ajouter des Sondages ICE vous permet d’ajouter des sondages pour lesquels les employés peuvent voter dès qu’ils se connectent. Par défaut ils s’afficheront dans la page de démarrage. Dans «administration du site », cliquez sur « ajouter un sondage » :

Un nouveau cadre apparaît avec les 3 icônes. Cliquez sur la première :

Donnez un titre au sondage, plus bas, tapez la question du sondage et cliquez sur « ajouter une réponse », taper votre première réponse et cliquez une fois de plus sur « ajouter une réponse », tapez votre deuxième réponse et recommencez de la même façon pour toutes les réponses que vous souhaitez soumettre, juste en dessous vous pouvez modifier la couleur de la réponse, pour cela, cliquez dans le cadre blanc et choisissez une couleur (par défaut la couleur sera la même que pour la question). Vous pouvez modifier les dimensions des cadres { l’aide de la poignée située en bas à droite de celui-ci. Pour cela, placez vous sur la poignée (symbolisée par une flèche en diagonal quand votre curseur est dessus), cliquez dessus, sans relâcher le bouton déplacez votre souris, vous verrez votre cadre s’allonger ou s’élargir selon ou vous la dirigerez.

Dans le cadre du sondage, sur votre droite, cliquez sur l’icône situé au milieu des 3. Reproduisez l’étape page 3 pour modifier le style de votre page « sondage ».

Ajouter un Album Photo ICE vous permet d’ajouter un ou plusieurs albums photos, par défaut ils s’afficheront sur la page de démarrage du site. Dans «administration du site », cliquez sur «ajouter un album photo » Un cadre s’ouvre avec une pellicule photo et 3 icônes sur la droite :

Cliquez sur l’icône représentant un bloc note pour nommez votre album photo puis validez.

Vous allez maintenant rechercher vos photos sur votre disque dur en cliquant sur « parcourir ». Une fois la première photo trouvée, validez la avec l’icône V en vert, Celle-ci s’affiche dans la pellicule photo, vous allez maintenant recommencer l’étape pour ajouter autant de photos que vous souhaitez. Vous pouvez visualiser vos photos sur cette fenêtre ou dans une autre en cochant une des 2 cases juste en dessous du nom de l’album. Dans votre album photo, sur votre droite, cliquez sur l’icône situé au centre pour modifier le style de votre cadre photo. Vous pouvez modifier les dimensions des cadres { l’aide de la poignée située en bas { droite de celui-ci. dessus), cliquez dessus, sans relâcher le bouton déplacez votre souris, vous verrez votre cadre s’allonger ou s’élargir selon où vous la dirigerez.

Ajouter un Formulaire de Contact Grâce à ICE vous pouvez ajouter des formulaires contacts afin que les internautes puissent vous envoyer des mails à partir du site. Dans «administration du site », cliquez sur « ajouter contact ».

Dans le cadre qui se présente remplissez les données de votre contact et cliquez sur « envoyer ». Pour chaque contact reproduire l’opération « ajouter contact ». Vous pouvez supprimer votre contact en cliquant sur la croix rouge située à droite du cadre contact.

Ajouter les 'nouveautés du site' Ce cadre se positionne généralement sur la page d’accueil de votre site. Les nouveautés s’ajoutent { partir des autres cadres d’information en utilisant l’onglet « Nouveauté ».

Envoi de mail Ce cadre vous permet d’envoyer des mails { tous les salariés ou { une sélection de salarié. Il vous permet de composer votre mail comme une lettre d’info par exemple. Vous pouvez sauvegarder ce mail.

Configuration générale Paramétrer votre site, notamment le mail administrateur, l email envoyé au salarié lors d’une demande de connexion et le nom du site.

Nouvelles connexions L’administrateur du site trouvera ici les demandes de connexion au site. Si le nom du salarié et reconnu dans la base de donnée, le bouton valider est déjà présélectionné, donc vous pouvez cliquer sur le bouton valider. Cette action enverra par mail les information au salarié avec son code d’accès et mot de passe. En revanche, si le salarié n’est pas reconnu dans la base, vous pourrez supprimer la demande. Attention à l’orthographe ! En effet le salarié, lors de la demande de connexion, peut taper son nom ou prénom de façon différente par rapport à la base de données. Par exemple ; JEAN-PIERRE ou JEAN PIERRE (avec ou sans tiret). Pensez à venir régulièrement sur le menu « nouvelle connexion » pour vérifier les demandes.

Petites Annonces Les salariés peuvent déposer des petites annonces avec photos. L’administrateur pourra les valider ultérieurement.

Ajouter des Documents L’administrateur a la possibilité de mettre en ligne des documents (fichiers word, excel, pdf, jpeg …). Chaque document est accessible de manière sécurisée, et ne peut être consulté qu’avec des droits utilisateurs suffisants.

Le Forum

LA GESTION DU FORUM

Le forum deviendra un espace utile sur votre site internet. C’est un lieu d’échange, un lieu qui réunira les salariés autour de divers sujets de discussions. Le forum permettra aux salariés de s’entraider, de communiquer, de poser une question, de chercher un renseignement, d’informer les visiteurs de quelque chose en rapport avec votre site, etc. Divers sujets pourront être abordés : ce forum facilitera la communication entre tous, notamment entre le salarié et le comité d’entreprise : des sujets sur les activités, les sorties, l’arbre de Noël, des discussions autour du covoiturage, passer des petites annonces, effectuer des sondages, etc... Tout est possible. Chacun peut donc intervenir sur le forum en ajoutant un nouveau message ou en répondant à un sujet déjà écrit. Il est évidemment possible de se contenter de lire les messages déjà écrits sans intervenir soi-même.

Administration

L’Administrateur peut contrôler toutes les facettes du forum : ceci inclut la création de nouveaux sujets de discussions, le réglage des permissions, le bannissement d'utilisateurs, la création de groupes d'utilisateurs ou de modérateurs, etc. L’administrateur du site se réserve le droit d'effacer les messages ne correspondant pas { la charte en vigueur sur son forum. Les Modérateurs sont des personnes (ou groupes de personnes) dont le but est de veiller au respect du règlement et au bon fonctionnement du forum. Ils ont le pouvoir d'éditer ou de supprimer les messages et de verrouiller, déverrouiller, supprimer et diviser les sujets de discussions dans le forum. Généralement, les modérateurs sont là pour éviter aux gens de faire du hors sujet ou de supprimer des messages ne respectant pas le règlement. Pour accéder au forum, cliquez sur forum, ensuite vous devez vous identifier en renseignant votre nom d’utilisateur et votre mot de passe, vous utiliserez le même identifiant qu’Internet CE. Vous entrez automatiquement dans l’index du forum, tout en bas de cette page, cliquez sur : Aller au Panneau d'administration Pour administrer le forum, vous devez vous authentifier { nouveau (nom d’utilisateur et mot de passe ICE) Après identification, une page s’affiche ‘’ Bienvenue sur le forum Internet CE’’. Ici, vous retrouvez un rapide résumé des diverses statistiques du forum (nombres de messages postés, nombre de sujets de discussions, nombre d’utilisateurs inscrits, ainsi qu’un aperçu des personnes connectées en ligne sur le forum) LES DIFFERENTS FORUMS Le lien gestion vous permettra d’ajouter, supprimer, éditer, réordonner vos catégories et forums. Ici, vous pourrez créer des catégories de sujets dans lesquels vous pourrez insérer différents forums de discussions, mais aussi les modifier, les supprimer et les classer à votre convenance. Avec le lien permissions, vous pouvez modifier les niveaux d'accès de chaque forum. Vous sélectionnez le forum souhaité, et administrez un accès (privé, public etc.) Le lien Délester un forum vous permettra de supprimer tous les sujets n'ayant pas eu de réponses depuis le nombre de jours que vous aurez choisi. Si vous n'entrez pas de nombre, tous les sujets seront supprimés. Par contre, cela ne supprimera ni les sujets dans lesquels un sondage est encore en cours, ni les annonces. Vous devrez supprimer ces sujets manuellement. LES DIFFERENTS OUTILS Le lien sauvegarder la base de données, comme son nom, l’indique permet de sauvegarder toutes les données relatives au forum. Par le lien Restaurer la base de données, vous pourrez exécuter une restauration complète de toutes les tables du forum, en cas de détérioration ou perte de données En cliquant sur le lien configuration générale vous trouverez un formulaire qui permet la personnalisation des options générales du forum. Le lien Email de masse facilite la communication avec les utilisateurs, cette fonction vous permet d’envoyer des emails massivement à tous les utilisateurs ou seulement à un groupe donné. Avec le lien Smilies, vous pouvez ajouter, retirer et éditer les émoticônes ou « smilies » que les utilisateurs utilisent dans tous leurs messages et messages privés. Les smilies, ou émoticônes sont de petites images qui sont utilisées pour exprimer certains sentiments.

Censure des mots : ici, vous pouvez ajouter, éditer, et retirer les mots qui seront automatiquement censurés sur vos forums.

LA GESTION DES GROUPES Gestion : Depuis ce panneau, vous pouvez administrer tous vos groupes d'utilisateurs. Vous pouvez supprimer, créer et éditer les groupes existants. Vous pouvez choisir des modérateurs, alterner le statut ouvert/fermé d'un groupe et définir le nom et la description d'un groupe. La gestion de groupes est indépendante à ICE. Permissions : Depuis ce lien vous pouvez modifier les permissions et les statuts de modérateurs assignés à chaque groupe. LA GESTION DES THEMES Le thème détermine le « design » du site. Il sera possible, par ces liens d’administrations des thèmes et pour un utilisateur avancé, de modifier le thème du site « par défaut celui de votre site Internet CE ». LA GESTION DES UTILISATEURS

Le lien Contrôle du bannissement vous permettra de contrôler les bannissements des utilisateurs. Ces méthodes empêcheront un utilisateur d'atteindre votre forum. Pour empêcher un utilisateur de s'enregistrer sous un nom d'utilisateur différent, vous pouvez également bannir une adresse email spécifique.

Le lien gestion vous permettra ici de rechercher un nom d’utilisateur et de changer ses informations, il vous sera également possible de supprimer son compte. Permissions : Ici, vous pouvez modifier les permissions et les statuts de modérateurs. Sur la page index du forum se trouve des liens pratiques, comme la rubrique « questions fréquentes », qui répondra à certaines de vos interrogations. Se trouve également un lien « liste des membres » qui vous permettra de visualiser en un clic la liste complète des utilisateurs du forum.

Le Compte Utilisateur : le salarié Connexion au site avec un compte salarié. Les salariés ont la possibilité de se connecter sur le site pour modifier leur état civil, de commander des activités au CE (billetterie, remboursement, chèques vacances, etc. ...), de consulter les documents du CE, participer aux sondages et au forum de discussion du site. Pour la première connexion, l’utilisateur doit faire une demande auprès de l’administrateur du site. Il est demandé de modifier le mot de passe lors de la première connexion.

En premier lieu, l’utilisateur doit cliquer sur l’icône « mon compte » puis, « état civil »

Vous devez remplir toutes les données concernant l’état civil. Une fois les modifications effectuées, cliquez sur « Envoyer les modifications ».

Ces modifications ne seront prises en compte que lorsque l’administrateur du site les aura validées.

Cliquez ensuite sur l’icône « activités » :

Vous découvrez alors les activités que votre CE vous propose, dans lesquelles il vous est possible de passer une commande ou de faire une réservation, vous pouvez aussi faire plusieurs commandes ou plusieurs réservations en modifiant la quantité. Cliquez ensuite sur « retour au site » situé sur la gauche de la page, vous vous retrouvez sur la page d’accueil du site.

Ces commandes ne seront prises en compte que lorsque l’administrateur du site les aura validées.

Faites glisser votre souris sur « accueil », une série de sujets apparaît dans laquelle vous pouvez cliquer pour les consulter.

Passez ensuite votre souris sur « activités »,

Une série d’activité apparaît dans laquelle vous pouvez cliquer pour les consulter. CONSULTER LES DOCUMENTS DU CE Sur la page d’accueil du site, cliquez sur le bouton DOCUMENTS (il faudra vous identifier si vous ne l’aviez pas encore fait). Vous pourrez alors cliquer sur un des dossiers dans la colonne de gauche pour découvrir les documents qu’il contient. Cliquez ensuite sur un des documents dans le cadre de droite pour ouvrir celui-ci. PARTICIPER AU FORUM Sur la page d’accueil du site, cliquez sur le bouton FORUM (il faudra vous identifier si vous ne l’aviez pas encore fait). Choisissez ensuite le forum auquel vous voulez participer en cliquant dessus. Choisissez ensuite un sujet sur ce forum : vous pourrez voir les messages et en poster de nouveaux ou supprimer les vôtres. Vous pouvez également poster de nouveaux sujets sur ce forum et voter sur les sondages proposés.

INOVA3 est un éditeur de solutions logicielles proposant un nouveau système d'interface homme-machine en trois dimensions. La société propose une gamme de produits destinée aux particuliers et aux professionnels souhaitant simplifier l'utilisation de l'informatique et l'accès aux informations. INOVA3 est soutenu par l'ANVAR, le Conseil Général du Gard, la DRIRE et l'Ecole des Mines d'Ales.

INOVA3 Sarl au capital de 9200 Euros

Siret 441761798 NAF 722Z

Tel : 0826 965 995 / Fax : 04 26 00 79 09

Email : info@inova3.com - http://www.inova3.com

L’INFORMATIQUE

ET

LA FORMATION

EN DIRECTION DES ELUS