Carnet de recommandations Agence Faire Play

Dimension: px
Commencer à balayer dès la page:

Download "Carnet de recommandations Agence Faire Play"

Transcription

1 Carnet de recommandations Agence Faire Play

2 Sommaire Remerciements I. RAPPEL a. Le contexte b. Les acteurs c. Les cibles d. Les objectifs e. Les contenus f. Les contraintes g. Les délais II. ANALYSE a. Le contenu b. L analyse concurrentielle c. L analyse technique d. Les objectifs e. Lescibles III. LE PROJET a. Le lancement b. Le contenu c. L arborescence d. L interface d accueil e. Charte Graphique f. La navigation g. Les spécifications fonctionnelles h. Les spécifications techniques i. Repartition du temps j. Le retro-planning k. Le budget IV. ANNEXES a. L'accessibilité b. Le tableau CMS c. L'avenant d. La charte graphique e. Le cahier de réunion f. Le livret d'accueil g. La signature avec le client

3 Remerciements : Tous d'abord, nous souhaitons remerciés notre client, le club CSSHB, pour sa confiance et sa participation à ce projet. Merci à Laurence Pédard, présidente du club, et Eric Cimelli, joueur à l'origine de la section handisport, pour le temps qu'ils ont consacré à notre projet. Nous remercions également l'équipe pédagogique et l'iut de Bobigny qui nous ont soutenu tout au long de cette année scolaire et qui nous ont permis de mener ce projet à terme. Enfin, nous remercions tout particulièrement notre tuteur, monsieur Benchenna, qui nous a beaucoup aidé, ainsi que monsieur Seror, monsieur Roblin et madame Grandpierre qui ont été à l'écoute de nos besoins.

4 I. RAPPEL Nous allons commencer par vous faire un bref rappel du contenu déjà présent dans notre cahier des charges, afin de vous permettre de situer davantage la situation dans laquelle nous sommes. A. LE CONTEXTE Notre client est une association de handball constituée d une partie handball pour personnes valides et d une partie handisport. Dans la section handisport, les joueurs peuvent être valides ou avoir un handicap. Notre projet se centralise sur la section handisport qui s appelle Handi-Hand. Néanmoins, nous parlerons du club de handball car la partie handisport ne pourrait pas exister si le club n était pas existant. La section Handi-Hand est nouvelle dans ce club puisqu elle a été ouverte en septembre L association souhaite faire de la communication pour promouvoir le Handi-Hand en direction des personnes en situation de handicap ainsi que les valides, trouver de nouveaux joueurs pour l'équipe, avoir du soutien de la part de sponsors et recenser les pratiques existantes et les mettre en valeur. B. LES ACTEURS Notre projet fait intervenir trois groupes d acteurs : Les clients : Laurence Pédard, la présidente de l association et Éric Cimelli, joueur. (Éric est à l origine de la section Handi-Hand.) L équipe pédagogique qui est constituée de professeurs comme M. Seror, M. Roblin, Mme Grandpierre ; ainsi que d un tuteur de projet, M. Benchenna. L agence de communication: Faire Play (http://faireplay.free.fr), agence spécialisée dans la communication du sport : Chef de projet et développeur : Fanny Développeur : Thomas Graphistes : Arounie et Lucile

5 C. LES CIBLES La cible principale est constituée de personnes souhaitant connaître le Handi-Hand ou avoir plus d informations sur ce sport. La seconde cible est composée de plusieurs groupes de personne. Le premier groupe est les personnes voulant pratiquer le Handi-Hand dans le club CSSHB. Le deuxième groupe est les personnes voulant pratiquer le Handi-Hand mais étant loin du club CSSHB. Ce groupe sera redirigé vers des clubs plus proches de chez eux. Le troisième groupe est les sponsors éventuels qui souhaitent soutenir la partie handisport du club de handball. Les cibles institutionnelles seront les partenaires, l association des «bouchons d amour» qui pourra subventionner l achat de fauteuils ou autres et également la possibilité d avoir le soutien de collectivités territoriales, régionales ou départementales. D. LES OBJECTIFS L association a besoin d une identité visuelle pour affirmer son sérieux et sa qualité, mais aussi pour être plus attractive face aux autres associations. Les valeurs à communiquer sont le but non-lucratif, la qualité et le sérieux. Nous voulons permettre à l association de se faire connaître vis-à-vis des utilisateurs, mais aussi des sponsors qui pourraient les aider. Leur permettre également une administration ultérieure simple de leur site internet grâce un CMS.

6 E. LES CONTENUS E.1. L'existant : un logo un Skyblog : Il est mis à jour régulièrement. Il y a des photos et des informations sur le club partie Handisport. Des photographies Des vidéos E.2. Les contenus : Les contenus sont à faire pour la plupart. Les contenus existants ne sont pas exploitables pour le site. Ils seront fais par le chef de projet et validés par le client.

7 F. LES CONTRAINTES Les contraintes techniques : - Gestion des statistiques - Système d exploitation : Windows avec Internet Explorer 6 et 7 - Ordinateur : station de travail, personnel. - Écran : 800 pixels de large : le site doit pouvoir s adapter à n importe quelle taille et résolution d écran. - Performances : Les fichiers doivent être faciles d accès. Leur taille ne doit pas excéder 600 Mo, afin de limiter les temps de téléchargement. - La mise à jour du site doit être simple, afin que les personnes qui gèrent l association puissent la faire régulièrement, sans l aide d un webmaster. C est pourquoi un CMS va être utilisé, pour rendre cette mise à jour la plus simple possible. Une analyse de plusieurs CMS a été effectuée ci-après, afin de choisir le CMS que l on utilise. - Interactivité avec l utilisateur : le site permettra d envoyer des mails à un contact par formulaire, de s inscrire à une newsletter, d envoyer des pages par flux RSS. Il y aura aussi un moteur de recherche qui permettra de trouver directement une information ou un document. - Le site doit être très bien référencé, afin que les moteurs de recherches le trouvent avec les mots Handisport, Handi-hand, Handicap. Puisqu il s agit d un portail, il faut que n importe qui faisant une recherche sur le sujet trouve le site en première position. - Le site doit être accessible à toute personne handicapée souhaitent le consulter. Les normes d accessibilités ont étudiées ci-après. Contraintes graphiques : - Il faut suivre la charte graphique sur chaque page, afin que l utilisateur ne se perde pas dans le site. - La têtière est la principale zone d identification du site, elle devra être présente sur chacune des pages pour que l utilisateur repère qu il est toujours dans le site, bien qu il ait changé de page. La têtière sera d une hauteur suffisamment importante pour permettre à la fois de rendre la première page plus accueillante, et de donner une visibilité maximale au titre. Une photo en page d accueil est une bonne solution pour dynamiser le site et rendre attractive la page d accueil. Le logo de l association sera cliquable et permettra de revenir directement sur la page d accueil du site. Contraintes financières : L association n a pas de budget, c est pourquoi le projet se fera grâce au bénévolat.

8 G. LES RISQUES D autres clubs qui pourraient créer des sections Handisports et vouloir devenir un portail de référence. La démotivation d une personne de notre équipe. Le cycle d alternance implique que les membres de l agence ne se voient pas beaucoup. Il y aura donc des difficultés pour les prises de rendez-vous. La communication est donc indispensable entre les membres de l agence. Le projet peut ne pas plaire au client. C est pour cela que la communication avec le client doit être constante tout au long du projet. Il faudra lui montrer l évolution du travail au fur et à mesure pour qu il puisse donner son avis. H. LES DELAIS La communication doit être terminée pour le 10 juin 2009 (date de la soutenance du projet). Voir le planning de travail de l agence en annexe Étape 1 : Recherche de la problématique. Analyse de la concurrence. Réalisation du cahier des charges. Obtention des contenus. Arborescence à concevoir. Étape 2 : Recherche du CMS le plus probable pour ce projet. Étape 3 : Recherches et conception de la charte graphique. Étape 4 : Mise au point du site Internet : intégration des contenus, design. Mise au point de la communication : Flyers, Affiches

9 II. ANALYSES Nous avons réalisé des analyses afin de mieux comprendre les problèmes que l on pourrait être amené à rencontrer. Ces analyses nous permettront ainsi de ne pas refaire les erreurs commises dans d autres sites et de voir les outils utiles lors du développement de notre site. A. LE CONTENU Le contenu sera fait par notre agence. Les contenus donnés par le client ne sont pas assez rédigés. Les photographies ne sont pas non plus utilisables. Nous irons en faire lors d'un entrainement ou lors d'une manifestation. Elles seront utilisées pour le site internet, les affiches, le livret Nous serons à l'écoute du client pour toutes modifications ou informations complémentaires.

10 B. L ANALYSE CONCURENTIELLE B.1. Analyse sites internet : Nous avons réalisé quelques analyses de sites internet ayant pour points communs le sport, le handicap et/ou le handi-sport. Évaluation du site internet de handisport : Degré de séduction du site Le site est attractif. Lorsque l on arrive sur la page d accueil, il y a un bandeau horizontal, légèrement animé. La photographie illustre le site. La photographie du bandeau change pour chaque rubrique du site. Lisibilité des informations Les textes sont en bleu, noir et orange sur fond blanc. Il y a 3 types de menus : un menu horizontal qui indique les principaux, un menu à gauche qui indique les sous rubriques, et un menu à droite pour les informations pratiques. Pertinence de la charte graphique La charte graphique est respectée sur toutes les pages du site. On retrouve à chaque fois le bandeau, avec les différents menus, et les couleurs sont harmonisées. Les titres sont en orange, les dates en bleu, les contenus en noir. Degré d interactivité L usager peut s identifier, il a un espace personnel dans le site. Cet accès se fait dès la page d accueil. Il y a aussi une Foire Aux Questions, un moteur de recherche, une newsletter ainsi qu une visite virtuelle du club. Public cible Personnes souhaitant faire du handisport, ou souhaitant s informer sur le sujet. Objectifs du site Faire connaître plusieurs sports pour handicapés : athlétisme, basket, rugby, tennis, mais aussi des activités telles que le bridge. Le site donne aussi des informations concernant les évènements, les écoles de handisport, les résultats. Charte Graphique Informations hiérarchisées par un code couleurs. On différencie au premier coup d œil les onglets et les contenus. Les objectifs sont-ils atteints?, site très complet qui donne un grand nombre d informations sur plusieurs sports et activités pour handicapés. Page d accueil La page d accueil présente les actualités des différentes rubriques, ainsi que les derniers résultats des tournois. Elle permet l identification des membres, et annonce l ergonomie du site (menus, bandeau)

11 Navigation La navigation se fait par les trois menus. Dans le menu de gauche, on trouve des informations concernant le club, alors que dans le menu horizontal, on trouve les différentes sections du club, qui vont apporter un menu spécifique dans la page. Le menu de droite sert à chercher des informations complémentaires. Ergonomie Le site est composé d un bandeau vertical invariant dans chaque page, de deux menus aussi invariants. Le texte est donc inséré entre les deux bandeaux verticaux : dans la page d accueil sur plusieurs colonnes, et sur les autres pages sur une seule colonne, en lecture horizontale. Graphisme Recherche graphique sur le bandeau horizontal, avec une animation dans la page d accueil. Contenu Contenu riche Instruments de fidélisation Zone membre, newsletter.

12 Évaluation du site internet de handisport basket féminin français: Degré de séduction du site Le site séduit à premier abord par son aspect clair et peu agressif : bleu et blanc. Cependant, au fur à et mesure de la navigation, on est agacé par le manque de page valide lorsque l on clique sur certains liens. Lisibilité des informations La lisibilité est très correcte : écriture noire sur fond blanc et les titres en blanc sur fond bleu foncé. Pertinence de la charte graphique Le bleu est souvent utilisé dans les sites internet sportifs car il représente le dynamisme et la pureté. Degré d interactivité L interactivité est bonne. Les utilisateurs peuvent commenter les news, ainsi que certains articles. Ils peuvent s inscrire à une newsletter pour recevoir des informations du site internet. Ils peuvent également participer au forum mis à leur disposition ou encore participer aux sondages sur la page d accueil. De plus, dans la partie liens, les utilisateurs peuvent rajouter un site internet eux-mêmes dans l annuaire mis à leur disposition. Dysfonctionnements Des pages ne fonctionnent pas. Les liens ramènent vers des pages vides de contenu. Par exemple la page «Les Bleues», «Handibasket» ou encore «Contacts» qui sont tout de même des pages importantes. Public cible Le public ciblé concerne les personnes handicapées du haut ou du bas du corps, et ne pouvant pas pratiquer de basket ou autre sport de façon «normale». Toute personne handicapée souhaitant ainsi jouer au basket. Objectifs du site Faire connaître le handibasket, parler des matchs et des stages réalisés, des résultats, des prochaines rencontres. Et faire aussi participer les membres du site à l aide entre autres de sondages et d un forum. Charte éditoriale La charte éditoriale est moyenne. Pour ce qui est du règlement, l écriture est correcte, mais dans le forum ou même dans la description des photographies, il n y a pas toujours de phrases. Pire, sur certaines descriptions photos, on trouve un charabia du genre «gdfhhjhgjghj». Charte Graphique La charte graphique est composée en grande partie de bleu et de blanc. Du noir est utilisé pour les textes et le gros titre «Site du handibasket féminin français» en haut du site internet. Il ne possède pas vraiment de logo, seul le pictogramme d une personne handicapée est présent sur tout le site en haut à gauche. Le menu n est pas très recherché, des images de handi-basket pour liens.

13 Les objectifs sont-ils atteints? On ne dirait pas. Le site ne semble pas très bien mis à jour, et les participants sont rares. On peut le remarquer dans le forum et dans l annuaire présent dans la partie liens. Remarques Le site est propre mais pas assez professionnel et attirant pour un site internet censé représenter le handi-basket féminin français. On voit qu il n est très bien entretenu. Page d accueil La page d accueil présente les dernières actualités. Sur la gauche se trouve un calendrier des événements passés et à venir, un sondage et l inscription à la newsletter du site internet. Navigation La navigation se passe par le biais des deux menus situés en haut du site internet. Nous avons six onglets sous forme de liens, et 5 sous formes d images. On se pose la question sur le pourquoi de ce changement? Ergonomie L ergonomie du site n est pas trop mal pensée, avec les menus en haut, c est assez simple mais clair. On s y retrouve bien dans le site. Graphisme Le graphisme est très simple, pas vraiment recherché. Il est clair mais ressemble à un site d amateur. Contenu Le contenu est très léger. A part le règlement, le contenu n est pas beaucoup développé, et même assez négligé. Instruments de fidélisation La newsletter, et également le forum. Moyens d incitation à la visite Le calendrier des évènements, les actualités et les photos, ainsi que le forum.

14 Évaluation du site internet de judo handisport: Degré de séduction du site Ce site internet séduit de suite. Le design est recherché, propre et beau. Lisibilité des informations La lisibilité est très correcte : écriture noire sur fond blanc et les titres en bleu foncé. Pertinence de la charte graphique Le bleu est utilisé au niveau du logo, ce qui est pertinent étant donné que le bleu est souvent utilisé pour symboliser le sport. Nous retrouvons sinon beaucoup de blanc et de gris foncé, qui peut faire penser au judo de part le kimono et la ceinture de couleur. Degré d interactivité L interactivité est très bonne. Il y a une newsletter, un forum, mais également un formulaire de contact, une fonction de recherche sur le site Dysfonctionnements Le forum est actuellement en cours de migration, il ne fonctionne donc pas. Le design a également un petit souci, car il ne s adapte pas à toutes les résolutions d écran, auquel cas, un ascenseur gênant apparaît horizontalement. La partie «échos des régions» et «les clubs» ne marchent pas non plus : elles sont vides. Sur la page «les athlètes de l équipe de France», les menus sont tous décalés. Public cible Le public ciblé concerne les personnes ayant un handicap visuel, auditif ou physique et souhaitant jouer au judo au sein de la Fédération Française Handisport. Objectifs du site Mettre au courant les personnes des actualités des stages/championnats de handi-judo, donner des informations sur le handi-judo et la fédération française de handisport, rassembler des joueurs sur ce site. Charte éditoriale La charte éditoriale est bonne. Il n y a pas de fautes d orthographe et le style est fluide et facile à lire. Charte Graphique La charte graphique est composée en grande partie de gris foncé et de blanc. On retrouve des touches de bleu pour le logo et les titres et des touches d orange sur quelques aspects du site pour montrer le dynamisme du judo. En plus de la bannière flash en header, il y a également un dojo japonais gris foncé, pour montrer d où vient l origine du judo. Nous avons aussi un gif sur le côté gauche représentant une prise de judo et permettant de retourner en haut.

15 Moyens techniques et humains Nous ne savons pas exactement qui est derrière ce site internet mais nous savons que c est une réalisation d une agence de communication : LA LANGUE DU CAMELEON Les objectifs sont-ils atteints? Parfaitement. Le site est vraiment réussi : graphiquement, au niveau du contenu et aussi au niveau de l interactivité. Malgré quelques dysfonctionnements, c est un bon site. Remarques Le site est très bien réussi, il a un beau design est fait professionnel. On voit que c est un site sérieux et qui est bien suivi et entretenu. Page d accueil La page d accueil présente l édito avec une brève présentation du site internet, les nouveautés ainsi que le calendrier des événements. Navigation La navigation s effectue par le biais d un menu javascript animé et coulissant verticalement. Ergonomie L ergonomie du site internet est bonne. On s y retrouve très bien. De plus, si quelqu un se perd ou cherche une information en particulier, il existe un plan du site accessible sur chaque page, au niveau du footer. Graphisme Le graphisme est recherché et propre. Il a été réalisé par une agence de communication. On retrouve bien l univers du judo, mais également japonais avec le petit dojo sur la bannière du haut. Contenu Le contenu est pertinent et bien écrit. Agréable à lire. Instruments de fidélisation La newsletter, et également le forum. Moyens d incitation à la visite Le calendrier des évènements, les actualités et les photos, ainsi que le forum.

16 Conclusion : Le site de Handi-Hand devra avoir les caractéristiques suivantes pour ne pas répéter les erreurs des sites analysés. Il devra être attractif : il sera constitué d un forum, d un calendrier et d'actualités mises à jour régulièrement. Le site fidélisera ces internautes avec une newsletter. L'ergonomie sera simple car l'une des cibles du site sera des personnes en situation d handicap. Le graphisme sera attractif pour représenter l'univers du sport qui est le thème principal de notre projet. L orthographe sera vérifié et soigné pour montrer le sérieux du site.

17 B.2. Analyse Logos C oule urs : bleu et blanc Form e s : Typographie et signe T ypogr a phie : - nom entier - un mot en gras, l autre en italique - sans empatements - minuscules S oc ié t é s : S ym bolique : Fa ible sse s : Handisport annécien bleu, blanc, rouge, bleu, blanc, orange noir Typographie et signe Typographie et signe - nom entier - typo normale - sans empatements - minuscules - nom entier - typo en gras - Italique - sans empatements, mais très enguleuse - minuscules Fédération Française Comité Régionnal Handisport Handisport d Ile de France La typographie en Le symbole Les traits de contours gras évoque la graphique bleu et sont très épais, et la stabilité de rouge évoque le typographie lourde l association. dynamisme, le (elle prend une place Le dessin mouvement. aussi importante que shématique fait de l illustration) Ce logo quelques traits est en lourdeur, seul montre un certain le carré bleu en fond dynamisme de peut évoquer une l association. certaine stabilité. Logo en Typographie et dessin monochromie : peu trop lourds, ce logo ne visible. parle pas de la qualité de ce comité, mais plutôt de sa force. rouge, gris, noir rouge, dégradé gris Vert, blanc, Noir Typographie et illustration Typogramme Typographie et illustration - nom entier - nom entier typographie: - typographie: majuscules sans majuscules sans empatements empatements - nom entier de l association - Typographie : mots écrits en gras Majuscules Vert, Jaune, Rouge, Blanc Typographie et illustration - nom entier de l association - Typographie en gras, avec des lettres qui paraissent avoir étés découpées dans du papier. Club Handisport Fédération Française de Club de Handball Handisport de Claye-Souilly Club HandiSport de Claye-Souilly Le gris évoque le sérieux, la qualité. Les textes en majuscule et sans empatements la stabilité. Le gris évoque le sérieux de cette association. Le dégradé apporte du dynamisme, de même que le point du I rouge, qui dynamise le logo, et amène l attention du spectateur au centre du logo. La typographie en gras ne montre pas le sérieux de l association. La forme du logo est ovale, et n évoque pas le handball, mais pourrait plutôt évoquer un ballon de rugby. Typographie légère et stable du fait de ses couleurs et des majuscules. Stabilité, qualité et sérieux évoqués grave à la typographie et à la couleur. La typographie en gras évoque la stabilité de l association. Illustration : joueur ennoir au fond, requin en premier plan avec un ballon de Handball. Pourquoi illustrer le club avec un requin Les couleurs ne s accordent pas les unes les autres, et ne se mettent pas en valeur.

18 Conclusion : Le logo de la section Handi-Hand ne parait pas adapté pour une bonne communication. En effet, il ne montre pas le sérieux que l association veut montrer, du fait de ses couleurs qui ne se mettent pas en valeur les unes les autres. D après les analyses des logos précédents, nous avons pu voir quelles sont les caractéristiques qui nous seront utiles pour nos recherches de logos : Les couleurs devront se mettre en valeur les unes les autres. La typographie doit être stable, sans empâtement, pour évoquer le sérieux de l association.

19 B.3. L'analyse agence nom de l'agence site de l'agence type d'entreprise international Quelques références Communication Conclusion la souris verte agence de communication globale non Ecole Centrale Marseille, Ateliers du Style, Groupe F, RevisAudit, La Tarasque, Derriennic Associés, Un Jour Par Fées... Conseil Identité visuelle Web et Multimédia Edition interactive one agence web spécialisée dans le sport non site de Amélie Mauresmo, site de Tony Parker, site de Djibril Cissé, site de Ladji Doucouré, site de Alizé Cornet, site de Jo Wilfried Tsonga, site de Sébastien Grosjean... ugocom agence web internationalle oui Vélo attitudes, Cano Chasse, Hillary et Bill Clinton, Beaumes de Venise, Les Cordier, juge et flic, De Gaulle intime, Semaine du Cap-vert... Conseil, audit, stratégie, rédaction de cahier des charges Web design Création site internet EConception du site web (simple ou dynamique) Nom de business & e-commerce référencement domaine et services associés Hébergement du site sur un technologies hébergement formation serveur web Outil de statistiques et d analyse des visites Administration du site, sécurité et sauvegardes Référencement, suivi, conseils et campagnes de publicité en ligne Mises à jour et rédaction de contenus multimédias Prestations sur mesures La souris verte est une agence de communication globale. Elle n'a pas de spécialité principale. Elle est néanmoins basée sur la nouveauté et est très familiale. Elle n'est constitué que de 6 personnes. Cette agence est spécialisé dans le sport français. Elle est néanmoins une agence spécialisé dans la communication web. Elle construit des sites internet pour des sportifs célèbre comme Amélie Mauresmo. Cette agence de communication web est internationale. Elle n'est pas non plus spécialisé dans un domaine précis. Elle beaucoup de grosses références comme le site de Hillary et Bill Clinton.

20 C. L ANALYSE TECHNIQUE C.1. Le dossier Accessibilité : Les directives pour l'accessibilité aux contenus Web (V1.0). Ce document, tiré de l'analyse des directives pour l'accessibilité aux contenus Web du W3C (disponibles ici), à pour objectif de définir les points importants à mettre en œuvre afin de rendre notre projet accessible au plus grand nombre. Version française Attention! Seule la version anglaise de ces directives fait office de norme. L'objectif principal de ces recommandations est de faciliter l'accessibilité des personnes handicapées (quel que soit leur handicap) au contenu Web. De plus, prendre en compte ces directives aura pour effet d'améliorer l'accès à l'information de tous les utilisateurs, quel que soit leur navigateur, système d'exploitation, logiciel d'accès, etc... Les raisons suivantes incitent à faire du contenu web accessible : Des utilisateurs peuvent ne pas être en mesure de voir, entendre ou bouger. Ils peuvent avoir du mal à traiter certains types d'informations (couleurs, sons spécifiques, etc...) ou ne pas pouvoir les traiter du tout. Certains utilisateurs peuvent avoir des difficultés pour lire ou comprendre le texte. D'autres utilisateurs peuvent de pas avoir de clavier ou de souris, d'autres ne peuvent pas les utiliser. D'autres utilisateurs encore peuvent avoir un écran qui n'affiche que le texte, un petit écran et/ou une petite résolution ou une connexion internet lente. D'autres utilisateurs enfin peuvent avoir un système d'exploitation et/ou un logiciel de consultation ancien ou simplement différent. Suivre des directives du W3C permet de créer des pages accessibles malgré toutes les contraintes décrites ci-dessus.

21 Pour se faire, il faut respecter quelques points importants : Séparer la structure de la présentation. Toujours fournir du texte. Créer des pages accessibles même pour un utilisateur qui ne voit ou n'entend pas. Créer des pages accessibles quel que soit le type de matériel et de logiciel utilisé. Les trois derniers points peuvent être résumés en une idée : faire du contenu accessible et navigable. Ces points sont détaillés dans les différentes directives présentées plus bas. Ces directives justement sont classées par priorité. A chaque priorité correspond un niveau d'implication du développeur vis à vis de l'accessibilité au contenu web : La priorité 1 représente ce qui doit être fait. Si ce niveau n'est pas respecté, le contenu n'est pas considéré comme accessible. La priorité 2 représente ce qui devrait être fait. Si ce niveau n'est pas respecté, le contenu ne sera pas accessible au plus grand nombre. La priorité 3 représente ce qui pourrait être fait. Valider ce niveau permet de s'assurer de l'accessibilité du contenu à quasiment tous les utilisateurs. De ces niveaux de priorité découlent 3 niveaux de conformité aux directives pour l'accessibilité aux contenus web : Niveau de conformité "A" : Tous les points de priorité 1 sont satisfaits. Niveau de conformité "AA" : Tous les points de priorité 2 sont satisfaits. Niveau de conformité "AAA" : Tous les points de priorité 3 sont satisfaits. Voici maintenant les différentes directives qu'il faudra suivre pour rendre notre projet accessible. L'objectif étant d'obtenir le niveau AA de conformité au minimum, les directives de priorités 1 et 2 seront étudiées. Quelques directives de niveau 3 seront également exposées pour leur utilité ou leur facilité de mise en place.

22 C.2. Le dossier CMS : 1. Qu est qu un CMS? Un CMS (Content Management System) est un système de gestion de contenu. C est un logiciel qui sert à concevoir une application ou un site internet et de pouvoir les mettre à jour facilement. L un des principes des outils de CMS est de créer une différence entre le contenu et le contenant. Cette distinction est justifiée car nous pouvons vouloir modifier le graphisme mais en laissant le texte inchangé. Le contenu de site est mis en forme dans la charte graphique et non pas dans l éditeur de texte. Il est préférable de ne pas faire de mise en forme dans la partie texte si ce n est pour les options grasses, soulignées ou italiques. Pour l intégration de contenu, les CMS possèdent un éditeur WYSIWYG qui permet à l utilisateur de retrouver une interface semblable à celle d un éditeur de texte et d images. Il faut bien structurer chaque article afin de : - différencier le fond de la forme, - guider et améliorer la saisie, - donner un sens aux contenus comme le titre, sous titre, chapeau Chaque article est publié dans des pages. Une page peut avoir plusieurs articles et un même article peut apparaître sur différentes pages. Celles-ci sont mises en forme avec des gabarits ou des templates. Une différence entre les CMS s observe au niveau de la validation : - si elle se fait pour chaque contenu, le CMS est orienté «contenu», - si elle se fait au niveau des pages, le CMS sera orienté «pages» permettant une maîtrise graphique plus élevée de la page par le constructeur. Une ou plusieurs personnes peuvent remplir les contenus. C est pour cela que l administrateur devra attribuer des niveaux de droits (administrateur, rédacteur...) En effet, une ou plusieurs personnes peuvent créer, modifier et/ou supprimer du contenu.

23 Les CMS sont des centaines sur Internet mais ils ont tous des fonctionnalités qui sont plus ou moins développées. Le document en annexe (CMS.xls) nous aidera à comprendre les fonctionnalités dominantes. Les principales fonctionnalités sont : -Les conditions de système servent à déterminer le type de serveur sur lequel nous pouvons utiliser le CMS et le langage de programmation qui lui convient. Nous savons aussi grâce aux conditions de système si la licence est e (GNU GPL) ou non. -Le degré de sécurité est importante pour l utilisateur : il doit être sûr que personne ne pourra s identifier à sa place et changer le contenu de son site sans le lui l informer. Nous voyons que les niveaux de droits (administrateurs, rédacteurs ), les gestions de contenus sont présents ou non dans le CMS. -Le support utilisateur sert à savoir s il y a d autres personnes (Techniciens, développeurs, Forum ) qui pourrait nous aider à comprendre ou développer des fonctionnalités supplémentaires sur le CMS. -Les dispositifs, nous donnent les fonctions essentielles pour le choix du CMS comme la possibilité d avoir une administration en ligne ou des statistiques -L interopérabilité sert à savoir comment et pourquoi un système fonctionne avec un autre. Ici, nous voyons si le CMS est compatible avec plusieurs normes comme les supports FTP, les normes W3C et les flux RSS. -La flexibilité sert à nous renseigner sur des fonctionnalités complémentaires aux dispositifs comme le système multi-langues. -La performance, nous donne plus de précision sur les capacités techniques du CMS. -Les applications sont des fonctions du système de gestion de contenu qui sont très importantes pour se décider sur le choix d un CMS. Par exemple, si nous voulons un forum ou pas, si nous voulons avoir la possibilité de faire des sondages, des graphiques, des quiz, des calendriers -Le commerce sert lorsque l on veut faire un site web de e-commerce. Maintenant que nous avons présenté les CMS et les principales fonctionnalités qui les composent grâce au tableau que vous trouverez en annexes, nous allons reprendre les cinq CMS (Drupal, Joomla!, SPIP, ez publish, Typo3) présentés dans ce tableau et développer leur fonctionnement.

24 2.Descriptions des cinq CMS : 2.1. Drupal Drupal est constitué pour être un blog collectif qui comporte de multiples facettes. Il convient à tous les types de CMS autant celui pour internet que pour des applications. Drupal est un mélange entre Joomla! et ez publish. Son point fort est son extensibilité grâce à sa possibilité d ajouter de nombreux modules complémentaires et la possibilité de créer des nouveaux types de contenus de façon structurés. Drupal est entièrement prêt à l emploi. Pour l intégration de contenus, il faut rajouter un éditeur externe, simple à installer. Les types d articles ne peuvent pas être spécifiques sauf si on rajoute un module. Les articles sont de deux types : non publié et publié mais un module peut être installé pour avoir trois types : brouillon, validé et publié. Drupal est un CMS orienté validation «contenu». Drupal a la possibilité illimitée de créer des utilisateurs différents avec des droits pour chacun et permet de choisir la catégorie que l on veut attribuer aux contenus. Les gabarits sont codés en PHP. Il y a deux types d accès au site : public ou membre (Certains modules permettent d étendre ces types d accès). Drupal contrôle des flux RSS internes et externes. L analyse des statistiques de visites sur les sites ou sur des pages spécifiques se fait directement avec le CMS. Les utilisateurs peuvent avoir des informations sur le système d exploitation utilisé par le visiteur, leur temps de visite, ainsi que sur les éventuels bugs dans le site. Le moteur de recherche de Drupal permet de chercher des mots et des suites de mots grâce à plusieurs critères et de trier les résultats de la recherche Joomla! Joomla! est l évolution du CMS «Mambo». Ce CMS a vu le jour suite à un différent entre la société et les développeurs principaux. Il est fait pour des personnes n ayant aucune connaissance de développement. Cependant, Joomla! ne permet pas de gérer différents types de contenus et donc ne pourra pas être utilisé pour des structurations complexes. Il est entièrement prêt à l emploi. Il utilise l éditeur HTML open source TinyMCE pour l intégration de contenus qui produit une bonne qualité de code html. Les articles sont de deux types : non publié et publié. L utilisateur peut mettre une date de début et de fin à son article. Il permet d avoir trois niveaux pour les articles ou pages. Elles peuvent être : créer, modifier et publier.

25 Joomla! tout comme Drupal, Spip et ez publish est un CMS orienté validation «contenu». Le critère de sélection des contenus est très souple et simple. Les gabarits sont codés en PHP comme Drupal. Joomla peut cacher certaines pages ou contenus par rapport à l identification d un visiteur de type public, membre ou spécial. Ces types permettent de donner le droit d accès respectivement à tous les contenus, aux pages destinées aux utilisateurs ayant un compte et aux utilisateurs ayant un droit d édition d articles. Joomla! contrôle des flux RSS internes et externe. L analyse des statistiques de visites sur les sites ou sur des pages spécifiques se fait directement avec le CMS. Joomla! possède un moteur de recherche assez évolué SPIP SPIP est un CMS Open source français. Il était utilisé pour faire des sites internet personnels, mais son utilisation a changée ces dernières années. Il est employé pour beaucoup de sites professionnels et gouvernementaux. Mais il possède des milliers de références dans le monde entier. Il est très utilisé et il y une véritable activité autour de ce CMS. Plusieurs versions sont mises en ligne chaque année. Il est simple à utiliser, à déployer et à adapter. Il est limité pour les applications d entreprises mais est très adapté au monde du web. Il possède un module multi-langue. En parallèle, le gouvernement à mis en place le projet Spip-Agora afin de lui ajouter des fonctionnalités plus complexes qui ne faisaient pas partie de Spip, tel que l arborescence de mots-clés ou la personnalisation du front-office. Mais Agora est distinct de Spip, il est disponible en Open source. Spip est entièrement prêt à l emploi. Il n a pas d éditeur WYSIWYG car il a une intégration de contenu qui lui est propre avec des balises spécifiques. Toutefois, il est possible d intégrer un éditeur tel que FckEditor. Il n y a pas de différents types d articles. Ceux-ci peuvent être à cinq états différents : brouillon, validé, publié, refusé et supprimé. L utilisateur peut mettre une date de début mais pas de fin. Tous les articles sont vus par tout le monde. Spip ne permet pas d avoir une partie cachée et d avoir des articles visibles uniquement par les membres. Spip tout comme Drupal, Joomla! et ezez publish est un CMS orienté validation «contenu». Il permet d avoir deux acteurs différents : les administrateurs et les rédacteurs, ce qui permet de donner des droits différents aux deux groupes. Il peut avoir une multitude de gabarits, qui sont codés en base html et complété en php.

26 Le flux RSS est très bien géré en tant que RSS personnel au site mais pas du RSS extérieur. Il est très développé sur ce point. Il y a une validation des flux RSS externes. L analyse des statistiques de visites sur les sites ou sur des pages spécifiques se fait directement avec le CMS. Spip a un moteur de recherche très simple mais pas très performant ez publish ez publish se distingue des autres CMS open source par ses possibilités de configuration et d extension. C est un outil prêt à l emploi ou un élément que l on peut développer. C est l un de CMS les plus puissants sur les fondamentaux de la gestion de contenu. ez publish permet de créer simplement des contenus type web, comme des comptes rendus. Pour l intégration de contenus, ez publish a développé «Online editor» qui est open source. Il n est pas constitué en code html mais du code xml. Son éditeur permet d intégrer des fichiers issus de la médiathèque ez publish. Les types d articles et gabarits peuvent être différents via l interface web mais cela demandera des modifications dans l interface d administration et de restitution. ez publish est très développé pour les versions d articles. Après modification, on peut mettre une date de fin et de début d article ou plus si on le désire. ez publish tout comme Drupal, Joomla! et SpipSpip est un CMS orienté validation «contenu». La gestion des utilisateurs est divisée en trois : les groupes, les rôles et les utilisateurs. Les gabarits sont codés en html et php ainsi qu avec les fonctions de ce CMS. ez publish permet de gérer les droits de visualisation des articles en fonction de plusieurs critères. L intégration des flux RSS est très développée. On peut en intégrer dans des liens. ez publish requière un logiciel extérieur pour toutes les statistiques de visites. Le moteur de recherche est très avancé Typo3 Typo3 a été développé par un danois et mis en ligne fin 2000 depuis, une communauté très active travaille autour de ce CMS. Il est l un des CMS le plus développé à ce jour. Il est très finalisé et donc peu limité au niveau des compétences et du développement. L une des grandes forces de Typo3 est qu il peut s étendre avec des modules, qui ajoutent des fonctionnalités et qui ne diffèrent pas avec le code de Typo3. Typo3 est entièrement prêt à l emploi.

27 Pour l intégration de contenu, il possède, depuis sa version 4, un éditeur htmlarea qui ouvre la possibilité de développer avec firefox, ce qui était impossible auparavant. Cet éditeur est parfaitement intégré et personnalisable pour chaque utilisateur. Les types d articles peuvent être différents même si la création reste technique. L utilisateur peut mettre une date de début et de fin de son article. Typo3 est un CMS orienté validation «page». Une page contient une ou plusieurs colonnes et chaque colonne peut contenir un ou plusieurs articles. La gestion des utilisateurs est très complète. Typo3 a un niveau de gabarits très élevé. Les gabarits sont codés en html et complété par une configuration interactive. La visualisation des articles se fait en fonction des groupes définis par Typo3. Les flux RSS externes sont possibles mais après l installation d une extension. L analyse des statistiques de visites sur les sites ou sur des pages spécifiques se fait directement avec le CMS. Le moteur de recherche ne se contente pas de regarder dans les contenus du site mais aussi dans les pièces en téléchargement. 3. Synthèse et choix du CMS pour notre projet : Dans notre projet, nous devons avoir plusieurs fonctionnalités indispensables ainsi que des besoins : -Besoin d une licence e -Besoin de niveaux de droits non élevés -Simplicité de création de contenus -Les contenus seront des articles, des photos, des vidéos, des documents téléchargeables -Besoin d agenda, newsletter, forum -Possibilité d installer des templates -Gestion des dossiers -Statistiques -Norme W3C très importante car site orienté vers le handicap -Gestion des liens car le site sera un portail -Moteur de recherche

28 Après l énumération du besoin pour notre site, nous avons choisi Joomla! comme CMS pour développer notre site internet. Il a tous les critères que nous désirons et qui sont ci-dessus. Les mises à jour de version ne peuvent pas être automatiques. Un développeur devra faire la mise à jour si cela est nécessaire. Néanmoins, une refonte de site sera à prévoir plutôt que des mises à jour du logiciel. Le site pourra fonctionner correctement sans mise à jour. D. LES OBJECTIFS Les objectifs de ces analyses sont de mieux cerner les problématiques liées à notre projet. Nous avons étudié plusieurs sites internets et les techniques utilisées pour les concevoir pour ne pas refaire les même erreurs. Ces analyses nous ont aussi permis de structurer nos idées et de choisir le contenu, les modules utilisés pour fidéliser, interresser, informer nos visiteurs. Grâce à ces comparaisons, nous avons vu quels systèmes de communication, de fidélisation et de conception fonctionnent. Nous avons choisi de développer un site simple en navigation avec un graphisme clair et pratique. Ce site sera développé avec un CMS. Nous avons choisi Joomla! qui est très développé et dont la communauté est très grande. Ce CMS est simple et clair. Les modules choisis sont la newsletter pour informer nos abonnés, un forum et un agenda qui permet de dialoguer et informer. Un onglet permettra de faire de notre site un portail grâce à des liens de sites qui traitent du même sujet que nous : le Handi-Hand. Ces raisonnements nous ont permis de faire notre arborescence (voir dans la partie Projet). E. LES CIBLES La cible principale est constituée de personnes souhaitant connaître le Handi-Hand ou avoir plus d informations sur ce sport. La seconde cible est composée de plusieurs groupes de personne. Le premier groupe est les personnes voulant pratiquer le Handi-Hand dans le club CSSHB. Le deuxième groupe est les personnes voulant pratiquer le Handi-Hand mais étant loin du club CSSHB. Ce groupe sera redirigé vers des clubs plus proches de chez eux. Le troisième groupe est les sponsors éventuels qui souhaitent soutenir la partie handisport du club de handball. Les cibles institutionnelles seront les partenaires, l association des «bouchons d amour» qui pourra subventionner l achat de fauteuils ou autres et également la possibilité d avoir le soutien de collectivités territoriales, régionales ou départementales.

29 III. LE PROJET A. LANCEMENT Après validation du cahier des charges, nous avons choisi notre CMS qui est Joomla! suite à une analyse. Nous avons monté un dossier sur l'accessibilité car notre projet a une grande partie de nos cibles sont handicapées. Ensuite, la charte graphique a été commencée. B. LE CONTENU Les contenus ont été développé par le chef de projet grâce à des informations fournis par le client. Nous avons validés, grâce à des mails et des réunions, les contenus. Les contenus C. L ARBORESCENCE

30 D. L INTERFACE D ACCUEIL Sur la page d accueil, nous voulons que toutes les informations les plus importantes soient accessible de suite à l utilisateur qui se rend sur le site.

31 E. CHARTE GRAPHIQUE Nous voulons créer une identité propre à l association, que tout le monde la reconnaisse en un coup d œil. Un look dynamique et sportif, mais également très clair, proche des gens. Nous utiliserons du vert comme ligne directrice, étant donné que c est la couleur du logo mais également de la ville de l'association, Claye-Souilly. Cette partie sera développée légèrement et la charte graphique sera jointe en annexe. E.1. LOGO Quatre planches de logo ont été proposé au client suite à un choix de logo. Les graphistes ont fait des recherches poussées sur ce logo. Le logo finale est le suivant :

32 E.2. GAMME DE COULEURS Huit gammes de couleurs ont été présenté au client. Le choix finale est constitué de plusieurs gamme de couleurs. La gamme finale est la suivante :

33 E.3. PAPETERIE Suite à la validation de la gamme de couleurs et du logo, nous avons développé cette charte à : du papier lettre

34 des cartes de visite

35 des cartes d'invitation F. LA NAVIGATION La navigation doit être simple, compréhensible et explicite. Nous avons que sept onglets (l'accueil, le club, section handisport, partenaires, portail et forum) qui sont sur toutes les pages ainsi que la newsletter et le calendrier. Le premier onglet est l'accueil où se situent les dernières actualités et quelques photographies. Le club est second onglet car la partie handisport n'aurait pas lieu d'être sans le club CSSHB. Les sous-onglets sont l'historique du club, sa présentation, ses équipes, ses tarifs et inscription, son accès et son contact. La section handisport est le troisième onglet. Les sous-onglets sont le fonctionnement, le règlement, le matériel, les photos et les vidéos, les tarifs et inscriptions, son accès et ses contacts.

36 Les informations pratiques sont le quatrième avec deux sous-onglets qui sont les manifestations et les résultats. Le site est orienté pour un portail donc cela est normal que le cinquième onglet soit le portail. Le sixième onglet est les partenaires avec trois sous-onglets les sponsors, les soutiens et comment nous aider. Cette partie est importante pour notre club et pour son existence. Le septième onglet est le forum qui permet de dialoguer et de communiquer sur cette passion et sur ce nouveau sport. G. LES SPECIFICATIONS FONCTIONNELLES Le client souhaite avoir une communication sur la France entière pour faire connaître le Handi-Hand et une communication en Ile de France pour attirer de nouveaux joueurs et des sponsors. Après une réunion avec le client, nous pouvons dire qu'il a besoin : En multimedia : Un site Internet, dont la mise à jour et la création de nouveaux articles ne nécessitera pas l aide d un webmaster. La navigation doit être simple et l accès rapide aux informations. Un CMS : une analyse comparative de différents CMS a été faite pour faire le choix de ce CMS. Un calendrier et une newsletter pour informer des manifestations de l'association Un forum pour faliciter le dialogue entre les internautes et l'association Un portail de référence pour les autres associations Handi-Hand. Un hébergeur et un nom de domaine pas cher De plus, le site deviendra un portail de référence qui citera toutes les associations existantes avec leurs accords. Il sera un point de rediffusion des utilisateurs, de partage et de documentation.

37 En print : Une charte graphique Un livret d accueil et un livret pour les sponsors Des affiches Des dépliants Une identité visuelle L identité visuelle : La charte graphique devra définir : Les couleurs Les typographies La taille des images L emplacement du menu principal et des éventuels sous-menus L emplacement du calendrier La taille des blocs de texte L emplacement et la taille de la têtière

38 H. LES SPECIFICATIONS TECHNIQUES Dans cette partie, nous répondrons aux besoins du client vu précédemment. En multimédia : Le client n'ayant aucune connaissance informatique spécialisée, nous avons décidé d'utiliser un CMS simple et pratique car le client avait absolument besoin d'un back-office pour la création et la mise à jour des articles du son site internet. Nous avons choisi d'utiliser Joomla! car ce CMS convenait à tous points à l'attente de notre client. Les fonctionnalités indispensables à notre site tels que le besoin d'une licence e, le besoin de niveaux de droits non élevés, la simplicité de création de contenus, le besoin d un agenda, d'une newsletter, d'un forum, la possibilité d'installer des templates, la simplicité de la gestion des dossiers, les statistiques pour le référencement, la validation W3C, la gestion des liens pour le portail et le moteur de recherche, sont toutes réunies dans le CMS Joomla! et ses templates. Les contenus de ce site pourront être aussi diversifiés que des articles, des photos, des vidéos, des documents téléchargables Le site internet aura des applications spécifiques qui sont une newsletter, un calendrier et un forum. La newsletter sert à permettre d'avoir des informations importantes et le forum sert à dialoguer entre personnes qui s'intéresse au Handi-Hand. Le calendrier informe sur les manifestations à venir. Le forum retenu est Joomlaboard Forum Component. Ce forum est simple d'utilisation et d'installation. Son simple défaut est qu'il est en anglais. La galerie photographies et vidéos est le module Cactus. Elle est agréable à utiliser et facile. Le portail est une suite de liens avec une résumé du site internet consultable. Nous avons décidé de simplifier la portail en utilisant un article simple qui contient des liens et résumé pour éviter les confusions et la complexité de l'intégration de ces liens. Grâce à tous ces modules et le back-office de Joomla!, le client peut intégrer aisément les contenus qui lui convient sans l'aide d'un webmaster. Notre client a besoin d'une navigation non compliquée et d'avoir accès rapidement aux informations. Nous avons fait une arborescence simple constitué de 7 onglets et de maximum 5 sous onglets pour éviter la navigation trop complexe. Une de nos cibles est les personnes ayant un handicap donc en simplifiant la navigation cela permet d'interresser notre cible sans le fatigué dans des recherches trop compliqués et laborieuses. L'hébergement et le domaine viennent du même service qui est ovh. Ce service est peu cher et adapté à notre client. La partie print et identité visuelle sera développé dans une annexe qui est la charte graphique.

39 I. LA REPARTITION DU TEMPS Cahier des charges Premier jet : Fanny rédaction : Lucile correction / relecture : Arounie Carnet de bord : Lucile Comptes rendus des réunions : Lucile et Fanny Arborescence : Lucile Arounie Thomas Fanny Réalisation graphique : Lucile Analyses Sites : Arounie Lucile Thomas Fannny Rédaction finale et correction : Arounie Lucile Analyse CMS : Fanny Relecture et correction Arounie Lucile Il manque l analyse de Joomla, pour mes les mises à jour des modules et des composants Analyse Agence : Fanny Dossier Accessibilité : Thomas Brief : Arounie

40 Premier Planning : Fanny Planning par mois : Lucile Retouches : Fanny Recommandation : Premier jet : Arounie Version complète : Fanny Graphisme : Site Agence : Logo : Lucile Arounie Thomas Design Site : Arounie Lucile Bannière : Thomas Développement Site : Thomas et Fanny Mise à jour du Site : Fanny et Thomas Handi-Hand : Logo : Arounie Lucile Charte Graphique : Arounie Lucile Site : Arounie Lucile Gammes de couleurs : Arounie Développement Installation Joomla! : Arounie Site : Thomas Module : Thomas Contenus : Fanny (écriture et intégration)

41 J. LE RETRO-PLANNING

42 K. LE BUDGET

Réunion du 28 novembre 2008

Réunion du 28 novembre 2008 Cahier de Réunion Eric Cimelli Réunion du 28 novembre 2008 1. Préciser les objectifs du projet 2. Quelle communication souhaite le client 3. Préciser les contenus Objectifs : Faire connaître et découvrir

Plus en détail

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010 Manuel du rédacteur Dernière mise à jour : le 14/04/2010 Table des matières 1 PRÉSENTATION GÉNÉRALE... 3 2 L INTERFACE DE GESTION... 3 2.1 ACCÈS À L INTERFACE DE GESTION... 3 2.2 PRÉSENTATION GÉNÉRALE...

Plus en détail

VILLE DE CABOURG. MARCHES PUBLICS DE PRESTATIONS INTELLECTUELS Marché passé selon la procédure adaptée DOSSIER DE CONSULTATION CAHIER DES CHARGES

VILLE DE CABOURG. MARCHES PUBLICS DE PRESTATIONS INTELLECTUELS Marché passé selon la procédure adaptée DOSSIER DE CONSULTATION CAHIER DES CHARGES VILLE DE CABOURG MARCHES PUBLICS DE PRESTATIONS INTELLECTUELS Marché passé selon la procédure adaptée DOSSIER DE CONSULTATION CAHIER DES CHARGES Objet du marché Refonte du site Internet de la Ville de

Plus en détail

Comment utiliser votre espace association

Comment utiliser votre espace association PORTAIL ASSOCIATIF DE LA MAIRIE DE PESSAC http://portailasso.pessac.fr/ Comment utiliser votre espace association SOMMAIRE 1 ACCES A VOTRE COMPTE... 3 2 PAGE DE BIENVENUE... 4 3 RUBRIQUE «MES INFORMATIONS»...

Plus en détail

Guide de l administrateur de rubriques du site communal d ORCHAISE

Guide de l administrateur de rubriques du site communal d ORCHAISE Guide de l administrateur de rubriques du site communal d ORCHAISE Sommaire Comment est organisé le site?... 1 Comment accéder à l interface privée?... 2 Comment se connecter?... 2 Comment modifier son

Plus en détail

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013 Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Cahier des charges du site internet de l AIM

Cahier des charges du site internet de l AIM Julie Toussaint Marie Olivier TEMA 3 Cahier des charges du site internet de l AIM 1 Sommaire Présentation du projet... 3 Rôles... 3 Objectifs du site... 4 Liste des prestations attendues... 4 Contenu du

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

Systèmes de Gestion de Contenu

Systèmes de Gestion de Contenu Introduction aux de site Web Master 1 CAWEB Page 1/7 Introduction Définition CMS Content Management Systems : logiciels de conception et de mise à jour dynamique de site web ou d'application multimédia

Plus en détail

Joomla : un système de gestion de contenu

Joomla : un système de gestion de contenu CHAPITRE 2 Joomla : un système de gestion de contenu Si SGC est l abréviation française pour système de gestion de contenu, l abréviation CMS de l anglais Content Management System est le terme le plus

Plus en détail

Utilisation du CMS Ametys

Utilisation du CMS Ametys Utilisation du CMS Ametys jeudi 16 septembre 2010 jeudi 14 octobre 2010 J.L. Aucouturier CMS? Ametys? Ametys est un logiciel open source destiné à la production de sites Web, de type système de gestion

Plus en détail

CONECT Innovation & Entrepreneurship Plateform. Cahier des charges. Réalisé par : Haythem LABBASSI, DSI - CONECT IT

CONECT Innovation & Entrepreneurship Plateform. Cahier des charges. Réalisé par : Haythem LABBASSI, DSI - CONECT IT CONECT Innovation & Entrepreneurship Plateform Cahier des charges Réalisé par : Haythem LABBASSI, DSI - CONECT IT Confédération des Entreprises Citoyennes de Tunisie Adresse : 8 rue Imem Ibn Hanbal (par

Plus en détail

PRATIC Création site internet descriptif fonctionnel

PRATIC Création site internet descriptif fonctionnel PRATIC Création site internet descriptif fonctionnel Référence : Auteur : Marion Verlaine Overscan 091222_Pratic_DF Date : 22/12/2009 Diffusion : Marion Verlaine (Overscan) Claire Buisine (PRATIC). Historique

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

Plus en détail

Procédure d utilisation de Wordpress pour les membres du RBDsanté

Procédure d utilisation de Wordpress pour les membres du RBDsanté Procédure d utilisation de Wordpress pour les membres du RBDsanté Adresse du site : www.rbdsante.be 1. Consultation des articles publics : immédiat, aucune restriction 2. Consultation des pages / articles

Plus en détail

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET?

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? 1. Présentation 1.1 Les coordonnées Mentionnez ici les coordonnées exactes de l entreprise ou de la collectivité (adresse postale, numéro de

Plus en détail

Cahier des charges Site internet

Cahier des charges Site internet 1 Cahier des charges Site Internet Cahier des charges Site internet INNOCORP MADA www.innocorp-mada.com Tel: 01.80.82.88.80 contact@innocorp-mada.com 2 Cahier des charges Site Internet CONTEXTE Introduction

Plus en détail

4. Personnalisation du site web de la conférence

4. Personnalisation du site web de la conférence RTUTORIEL Prise en main de la plateforme 1. Création de l espace conférence Connectez- vous sur le portail http://test- www.sciencesconf.org avec le compte : - Identifiant : «admin1» - Mot de passe «1234»

Plus en détail

Mode d emploi d artishoc mobile

Mode d emploi d artishoc mobile Mode d emploi d artishoc mobile Version gratuite Version 4 Mise à jour le 05/01/2011 Ce mode d emploi est à l usage exclusif des utilisateurs de l offre mobile gratuite d artishoc mobile. Il n a pas de

Plus en détail

FORMATION STRATEGIE COLLECTIVITES

FORMATION STRATEGIE COLLECTIVITES FORMATION STRATEGIE COLLECTIVITES Faire évoluer son site web : Les clefs d'une refonte réussie 5 Jours Assistance à maîtrise d ouvrage Objectif: Cette formation permet de mettre en place un cahier des

Plus en détail

PLAN DE FORMATION MODULO

PLAN DE FORMATION MODULO PLAN DE FORMATION MODULO Sommaire Plan de formation Modulo...1 Création des pages Sections Menus...2 Exercices :...3 Création du contenu - Menu Pages (GDA)...3 Les différentes options d un document...5

Plus en détail

Sites web propriétaires

Sites web propriétaires Ce document est disponible à : C:\Users\pc_samba\Documents\Doc sites prop.docx Sommaire 1 Introduction... 3 2 Création du mini-site... 4 2.1 Autorisation de création... 4 2.2 Création de votre site Web...

Plus en détail

Gestion des communautés Mode d emploi des outils animateurs

Gestion des communautés Mode d emploi des outils animateurs Gestion des communautés Mode d emploi des outils animateurs CONNEXION AU SITE http://www.neoma-alumni.com Utilisez vos identifiants personnels pour vous connecter à votre compte sur le site. En cas de

Plus en détail

Portail Client Sigma Informatique

Portail Client Sigma Informatique Portail Client Sigma Informatique Edité le 19 févr. 2013 Sommaire Présentation du portail client 3 La page d accueil 8 Vie d une demande (Création et suivi) 11 La consultation d une demande. 18 La gestion

Plus en détail

REFONTE DU SITE INTERNET

REFONTE DU SITE INTERNET Commune de Lannilis REFONTE DU SITE INTERNET CAHIER DES CHARGES Maitrise d ouvrage : Commune de LANNILIS - Mairie 19 rue de la Mairie 29870 Lannilis Tél. 02 98 04 00 11 - Email : mairie.lannilis.m@wanadoo.fr

Plus en détail

Concevoir son premier espace de cours sur la plateforme pédagogique Moodle

Concevoir son premier espace de cours sur la plateforme pédagogique Moodle Concevoir son premier espace de cours sur la plateforme pédagogique Moodle Formation URFIST 19 mars 2013 Formatrice : Florie Brangé Description de la formation Nom : Concevoir son premier espace de cours

Plus en détail

Un Site Internet à votre mesure. www.votrecommune.fr. Un site internet gratuit sur mesure en toute indépendance

Un Site Internet à votre mesure. www.votrecommune.fr. Un site internet gratuit sur mesure en toute indépendance www.votrecommune.fr Un site internet gratuit sur mesure en toute indépendance Quelques exemples www.jouesurerdre.fr Quelques exemples www.mouzeil.fr Quelques exemples www.riaille.fr Quelques exemples www.saintherblon.fr

Plus en détail

www.lafamily.ch en 16 différences

www.lafamily.ch en 16 différences Cas d étude no 3 www.lafamily.ch en 16 différences juin 2003 Le mandat réalisé avec QuickSite de transformation du site existant de Lafamily.ch, centre globale d information pour les familles, à été de

Plus en détail

Installer, configurer et personnaliser Joomla

Installer, configurer et personnaliser Joomla Installer, configurer et personnaliser Joomla Web Platform Installer 2.0 15/02/2010 Access IT Julien CHOMARAT jchomarat@access-it.fr http://www.sharepointofview.fr/julien Retrouvez cet atelier à l adresse

Plus en détail

Manuel utilisateur du site www.cg-corsedusud.fr. 1. L Interface Typo 3 (version 4.4.x)

Manuel utilisateur du site www.cg-corsedusud.fr. 1. L Interface Typo 3 (version 4.4.x) Manuel utilisateur du site www.cg-corsedusud.fr 1. L Interface Typo 3 (version 4.4.x) Version 1 Le contenu de ces pages est relatif à TYPO3, CMS/Framework sous licence GNU/GPL disponible sur www.typo3.com

Plus en détail

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005 MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par

Plus en détail

COMMENT METTRE A JOUR SON SITE WEB?

COMMENT METTRE A JOUR SON SITE WEB? Un site web est d autant plus intéressant pour l internaute qu il est actualisé. A contrario, une information obsolète peut ternir l image de l entreprise (manque de dynamisme, manque de rigueur ). Différentes

Plus en détail

LAMP CMS Open Source. ROY Yvan Chef de projets. 31 Janvier & 2 Février 2006

LAMP CMS Open Source. ROY Yvan Chef de projets. 31 Janvier & 2 Février 2006 LAMP CMS Open Source ROY Yvan Chef de projets 31 Janvier & 2 Février 2006 Sommaire Introduction au Moteur de Contenu LAMP Plusieurs solutions pour des besoins différents SPIP DRUPAL ez PUBLISH TYPO3 Conclusion

Plus en détail

Etude comparative des 5 CMS Open Source

Etude comparative des 5 CMS Open Source Etude comparative des 5 CMS Open Source SPIP/Joomla!/OpenCMS/Jahia/Drupal Réaliser Par : Abderrahim BARGAOUI Enseignant: M. Philippe BOOTZ Module : Théorie de l Hypermédia SPIP : Présentation : SPIP (Système

Plus en détail

MODE D'EMPLOI UTILISATEUR

MODE D'EMPLOI UTILISATEUR MODE D'EMPLOI UTILISATEUR Service ICT & Pédagogie CPLN 2011 Table des matières 1 Préface... 3 2 Types d'utilisateurs... 3 2.1 Visiteur... 3 2.2 Contributeur... 3 3 Pour s y retrouver!... 4 3.1 Plan du

Plus en détail

Website Express Créer un site professionnel avec Orange

Website Express Créer un site professionnel avec Orange Website Express Créer un site professionnel avec Orange mars 2015 Safiétou Ndao Ndiaye Sommaire Présentation... 3 Description du service... 3 Configuration requise... 4 Consignes... 4 Pour bien démarrer...

Plus en détail

SITE I NTERNET. Conception d un site Web

SITE I NTERNET. Conception d un site Web SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.

Plus en détail

2.1 Bien cerner le site et le concevoir sur de bonnes bases : - quel est l objectif du site?

2.1 Bien cerner le site et le concevoir sur de bonnes bases : - quel est l objectif du site? A quoi sert le cahier des charges? Un cahier des charges est un document contractuel définissant de façon exhaustive ce que le commanditaire attend de la réalisation d un produit ou d un service. Le cahier

Plus en détail

Comment écrire un article pour le site HCE?

Comment écrire un article pour le site HCE? Comment écrire un article pour le site HCE? Explication courte Les explications courtes sont les meilleures. Naviguez sur http://www.hce.asso.fr/ecrire/ et laissez-vous guider par les écrans. Explication

Plus en détail

Analyse comparative de trois sites d e commerce

Analyse comparative de trois sites d e commerce Analyse comparative de trois sites d e commerce M1105 Par Benjamin ANDRE Romain LUTIC - Jérémy MONIER (A/B) I/ Analyse des sites Amazon.com 1 ère 1 ère impression bonne, site épuré, bien organisé, on reconnait

Plus en détail

Configurer GuppY. L interface d administration présente quatre zones bien distinctes plus deux boutons de déconnexion.

Configurer GuppY. L interface d administration présente quatre zones bien distinctes plus deux boutons de déconnexion. Configurer GuppY L interface d administration présente quatre zones bien distinctes plus deux boutons de déconnexion. 1) La zone «Configuration skin» : 2) La zone «Administration générale» : 3) La zone

Plus en détail

Création du site internet [insérez le nom de votre site]

Création du site internet [insérez le nom de votre site] Création du site internet [insérez le nom de votre site] Cahier des charges 1. [Insérez le nom de votre société]... 3 2. Le projet... 4 3. Les prestations attendues... 5 4. Les fonctionnalités du futur

Plus en détail

Formation «membre» pour un blog hébergé par

Formation «membre» pour un blog hébergé par Formation «membre» pour un blog hébergé par Qu est ce qu un blog? Un blog à l origine est une sorte de journal intime destiné à raconter des événements au jour le jour. Il est principalement destiné aux

Plus en détail

Prise en compte des handicaps

Prise en compte des handicaps Prise en compte des handicaps Stéphanie Jean-Daubias INFO Stephanie.Jean-Daubias - at - liris.univ-lyon1.fr http://liris.cnrs.fr/stephanie.jean-daubias/ L3 Plan du cours Prise en compte des handicaps Introduction

Plus en détail

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE NOM DU SITE WEB : URL DU SITE :</a> </h3> <p> <img alt="SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE NOM DU SITE WEB <TITLE> : URL DU SITE :" title="SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE NOM DU SITE WEB <TITLE> : URL DU SITE :" class="news-block-img pull-right" src="/thumbs/25/5927263.jpg"> PREMIERE ANALYSE NOM DU SITE WEB : URL DU SITE : OBJECTIF DU SITE / DESCRIPTION (BALISE DESCRIPTION) : MOTS-CLÉS DU SITE (BALISE KEYWORDS) : CIBLE DU SITE : o Entreprises o Public spécialisé o </p> <a href="/5927263-Site-internet-blog-site-e-commerce-grille-d-analyse-audit-premiere-analyse-nom-du-site-web-title-url-du-site.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3115974-Analyse-sectorielle-de-site-e-commerce.html">Analyse Sectorielle de site e-commerce</a> </h3> <p> <img alt="Analyse Sectorielle de site e-commerce" title="Analyse Sectorielle de site e-commerce" class="news-block-img pull-right" src="/thumbs/24/3115974.jpg"> Analyse Sectorielle de site e-commerce - Caillet Mélissa Groupe E La Redoute - Gobillard Sébastien Groupe E - Cdiscount - Bourbon Adrien Groupe E - Amazon Site analysé La Redoute http://laredoute.fr/ 1 </p> <a href="/3115974-Analyse-sectorielle-de-site-e-commerce.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6363239-Note-d-intention-ce-document-est-long-mais-en-definitive-ne-fait-pas-mal.html">Note d intention : ce document est long mais en définitive ne fait pas mal</a> </h3> <p> <img alt="Note d intention : ce document est long mais en définitive ne fait pas mal" title="Note d intention : ce document est long mais en définitive ne fait pas mal" class="news-block-img pull-right" src="/thumbs/25/6363239.jpg"> PUBLIER DES ARTICLES SUR WWW.JETFM.ASSO.FR TUTORIEL Note d intention : ce document est long mais en définitive ne fait pas mal Il est demandé à TOUS les adhérents et ce pour chaque émission de créer un </p> <a href="/6363239-Note-d-intention-ce-document-est-long-mais-en-definitive-ne-fait-pas-mal.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/661693-Refonte-des-sites-internet-du-sieds.html">Refonte des sites internet du SIEDS</a> </h3> <p> <img alt="Refonte des sites internet du SIEDS" title="Refonte des sites internet du SIEDS" class="news-block-img pull-right" src="/thumbs/20/661693.jpg"> Refonte des sites internet du SIEDS Formation à la rédaction de contenu 31 juin 2005 09 h 00 Salle du CA, rue Notre Dame, à NIORT Déroulement Un CMS à quoi çà sert? La gestion de contenu selon SPIP Agora </p> <a href="/661693-Refonte-des-sites-internet-du-sieds.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3772230-Urml-aquitaine-administration-du-site.html">URML-Aquitaine administration du site</a> </h3> <p> <img alt="URML-Aquitaine administration du site" title="URML-Aquitaine administration du site" class="news-block-img pull-right" src="/thumbs/24/3772230.jpg"> URML-Aquitaine administration du site version 2 - août 2007 SOMMAIRE 1 - L interface p.5 La structure du back-ofice, se repérer et savoir trouver un article 2 - Les articles p.9 Écrire un article, le </p> <a href="/3772230-Urml-aquitaine-administration-du-site.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4358814-Bostoni-sacha-nguyen-linh-rapport-de-projet-annuaire-des-anciens-eleves.html">BOSTONI Sacha NGUYEN Linh. Rapport de projet : Annuaire des anciens élèves</a> </h3> <p> <img alt="BOSTONI Sacha NGUYEN Linh. Rapport de projet : Annuaire des anciens élèves" title="BOSTONI Sacha NGUYEN Linh. Rapport de projet : Annuaire des anciens élèves" class="news-block-img pull-right" src="/thumbs/24/4358814.jpg"> BOSTONI Sacha NGUYEN Linh Rapport de projet : Annuaire des anciens élèves Tuteur : Mr Muller Mai 2007 SOMMAIRE Introduction 1/ Les utilisateurs du site 2/ Les fonctionnalités 3/ La réalisation Conclusion </p> <a href="/4358814-Bostoni-sacha-nguyen-linh-rapport-de-projet-annuaire-des-anciens-eleves.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12710385-Procedurier-des-principales-fonctions.html">Procédurier des principales fonctions</a> </h3> <p> <img alt="Procédurier des principales fonctions" title="Procédurier des principales fonctions" class="news-block-img pull-right" src="/thumbs/28/12710385.jpg"> SYSTÈME DE PUBLICATION POUR L INTERNET PARTAGÉ SQUELETTE SARKA Procédurier des principales fonctions 2012-2013 avec éditeur de texte TinyMCE DOCUMENT DE TRAVAIL Le site de référence pour les formations </p> <a href="/12710385-Procedurier-des-principales-fonctions.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/14055965-Site-internet-unasacem.html">Site internet UNASACEM</a> </h3> <p> <img alt="Site internet UNASACEM" title="Site internet UNASACEM" class="news-block-img pull-right" src="/thumbs/30/14055965.jpg"> Site internet UNASACEM Documentation Unasacem GuideWeb - Gérer les activités Correspondants Philippe Labrot Mail philippe-labrot@orange.fr Date de création du document 11/07/2013 Référence Document Unasacem-GuideWeb-Gerer_les_activites </p> <a href="/14055965-Site-internet-unasacem.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2153941-Publier-dans-la-base-documentaire.html">Publier dans la Base Documentaire</a> </h3> <p> <img alt="Publier dans la Base Documentaire" title="Publier dans la Base Documentaire" class="news-block-img pull-right" src="/thumbs/24/2153941.jpg"> Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 </p> <a href="/2153941-Publier-dans-la-base-documentaire.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2548924-Manuel-d-utilisation-de-la-messagerie-http-zimbra-enpc-fr.html">Manuel d utilisation de la messagerie. http://zimbra.enpc.fr</a> </h3> <p> <img alt="Manuel d utilisation de la messagerie. http://zimbra.enpc.fr" title="Manuel d utilisation de la messagerie. http://zimbra.enpc.fr" class="news-block-img pull-right" src="/thumbs/24/2548924.jpg"> Manuel d utilisation de la messagerie http://zimbra.enpc.fr ÉCOLE DES PONTS PARISTECH/ DSI JANVIER 04 SOMMAIRE. Connexion à la messagerie.... Présentation générale de l écran d accueil.... Déconnexion... </p> <a href="/2548924-Manuel-d-utilisation-de-la-messagerie-http-zimbra-enpc-fr.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/659902-Cci-de-saone-et-loire-atelier-enp-18-mai-2011-la-creation-de-sites-internet.html">CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI 2011. La création de sites internet</a> </h3> <p> <img alt="CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI 2011. La création de sites internet" title="CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI 2011. La création de sites internet" class="news-block-img pull-right" src="/thumbs/20/659902.jpg"> CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI 2011 La création de sites internet Le référencement de sites internet Je veux créer mon site internet Objectifs et démarche Les objectifs Définition Un site internet </p> <a href="/659902-Cci-de-saone-et-loire-atelier-enp-18-mai-2011-la-creation-de-sites-internet.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4885863-Accessibilite-et-bonnes-pratiques-qualite-dans-les-cms.html">Accessibilité et bonnes pratiques qualité dans les CMS</a> </h3> <p> <img alt="Accessibilité et bonnes pratiques qualité dans les CMS" title="Accessibilité et bonnes pratiques qualité dans les CMS" class="news-block-img pull-right" src="/thumbs/25/4885863.jpg"> Accessibilité et bonnes pratiques qualité dans les CMS Rencontres Mondiales du Logiciel Libre 2 juillet 2008 Elie Sloïm Aurélien Levy 1 Elie Sloïm : Directeur de la société Formateur et consultant. Expert </p> <a href="/4885863-Accessibilite-et-bonnes-pratiques-qualite-dans-les-cms.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8666471-Cofim-site-internet-validation-de-la-proposition-definitive.html">COFIM site internet Validation de la proposition définitive</a> </h3> <p> <img alt="COFIM site internet Validation de la proposition définitive" title="COFIM site internet Validation de la proposition définitive" class="news-block-img pull-right" src="/thumbs/26/8666471.jpg"> 3/03/2010 COFIM site internet Validation de la proposition définitive Frédéric HOPITAL 847 Route de Saint-Vincent 69440 Saint-Laurent-d Agny tél. 04 26 01 71 30 / 06 78 82 46 74 fh@hopitalcom.com siren </p> <a href="/8666471-Cofim-site-internet-validation-de-la-proposition-definitive.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7516922-Site-internet-www-capsante93-fr.html">Site Internet WWW.CAPSANTE93.FR</a> </h3> <p> <img alt="Site Internet WWW.CAPSANTE93.FR" title="Site Internet WWW.CAPSANTE93.FR" class="news-block-img pull-right" src="/thumbs/26/7516922.jpg"> Site Internet WWW.CAPSANTE93.FR Table des matières Présentation du site internet de Cap Santé 93.... 3 Structure du site internet de Cap Santé 93.... 4 Les fonctions du site CAP Santé 93.... 5 L abonnement </p> <a href="/7516922-Site-internet-www-capsante93-fr.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8554503-Yohan-2014-2015-gestion-de-projet-objectif-creation-d-un-site-internet-commercial-pour-l-entreprise-lis-sante.html">Yohan 2014-2015 GESTION DE PROJET. Objectif : Création d'un site internet commercial pour l'entreprise LIS Santé</a> </h3> <p> <img alt="Yohan 2014-2015 GESTION DE PROJET. Objectif : Création d'un site internet commercial pour l'entreprise LIS Santé" title="Yohan 2014-2015 GESTION DE PROJET. Objectif : Création d'un site internet commercial pour l'entreprise LIS Santé" class="news-block-img pull-right" src="/thumbs/26/8554503.jpg"> CARPENTIER BTS SIO Yohan 2014-2015 GESTION DE PROJET Objectif : Création d'un site internet commercial pour l'entreprise LIS Santé Phase de définition du projet liée à une définition de la mission La mission </p> <a href="/8554503-Yohan-2014-2015-gestion-de-projet-objectif-creation-d-un-site-internet-commercial-pour-l-entreprise-lis-sante.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11491757-Livret-d-accueil-web-gerer-votre-site-ace-credit-en-toute-simplicite-11-place-jean-paul-ii-57000-metz-t-03-87-30-55-89-www-is-webdesign.html">Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.</a> </h3> <p> <img alt="Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign." title="Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign." class="news-block-img pull-right" src="/thumbs/27/11491757.jpg"> Livret d accueil web Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.com 1 Sommaire 1. Comment me connecter à l administration? 2. </p> <a href="/11491757-Livret-d-accueil-web-gerer-votre-site-ace-credit-en-toute-simplicite-11-place-jean-paul-ii-57000-metz-t-03-87-30-55-89-www-is-webdesign.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4391539-Aide-a-l-utilisation-du-logiciel-izispot-mobi.html">Aide à l utilisation du logiciel IziSpot.Mobi</a> </h3> <p> <img alt="Aide à l utilisation du logiciel IziSpot.Mobi" title="Aide à l utilisation du logiciel IziSpot.Mobi" class="news-block-img pull-right" src="/thumbs/24/4391539.jpg"> 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition </p> <a href="/4391539-Aide-a-l-utilisation-du-logiciel-izispot-mobi.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10650035-Creer-un-blog-objectifs.html">Créer un blog. Objectifs</a> </h3> <p> <img alt="Créer un blog. Objectifs" title="Créer un blog. Objectifs" class="news-block-img pull-right" src="/thumbs/27/10650035.jpg"> Créer un blog Objectifs - Initier à la publication en ligne d un journal multimédia (textes, sons et images) - Développer des comportements plus critiques quant à l usage d Internet - Responsabiliser les </p> <a href="/10650035-Creer-un-blog-objectifs.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/18302039-Guide-de-demarrage-rapide.html">GUIDE DE DEMARRAGE RAPIDE</a> </h3> <p> <img alt="GUIDE DE DEMARRAGE RAPIDE" title="GUIDE DE DEMARRAGE RAPIDE" class="news-block-img pull-right" src="/thumbs/39/18302039.jpg"> 1 GUIDE DE DEMARRAGE RAPIDE V5 La lecture de cette notice facilitera vos premiers pas dans Silverpeas. Pour plus d explications, vous pouvez consulter l aide en ligne située dans la barre d outils en haut </p> <a href="/18302039-Guide-de-demarrage-rapide.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7752175-Plateforme-de-gestion-de-congres-scientifiques.html">PLATEFORME DE GESTION DE CONGRÈS SCIENTIFIQUES</a> </h3> <p> <img alt="PLATEFORME DE GESTION DE CONGRÈS SCIENTIFIQUES" title="PLATEFORME DE GESTION DE CONGRÈS SCIENTIFIQUES" class="news-block-img pull-right" src="/thumbs/26/7752175.jpg"> PLATEFORME DE GESTION DE CONGRÈS SCIENTIFIQUES 7 avril 2014 ! Sommaire La plateforme Sciencesconf.org Le portail L espace conférence Site web Gestion scientifique Dépôt, sélection, envoi de mails, édition </p> <a href="/7752175-Plateforme-de-gestion-de-congres-scientifiques.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12110208-Cahier-des-charges-nom-de-l-entreprise-neriah-jewels-personnes-a-contacter-dans-l-entreprise-sebastien-et-vincent-sommaire.html">Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE</a> </h3> <p> <img alt="Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE" title="Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE" class="news-block-img pull-right" src="/thumbs/27/12110208.jpg"> Cahier des Charges Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE 1 PRESENTATION DE L ENTREPRISE... 2 PRESENTATION DU PROJET... 2.1 ROLES... </p> <a href="/12110208-Cahier-des-charges-nom-de-l-entreprise-neriah-jewels-personnes-a-contacter-dans-l-entreprise-sebastien-et-vincent-sommaire.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1454391-Site-internet-blog-site-e-commerce-grille-d-analyse-audit-premiere-analyse-entreprises-o-public-specialise-o-etudiants-o-enfants.html">SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants</a> </h3> <p> <img alt="SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants" title="SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants" class="news-block-img pull-right" src="/thumbs/22/1454391.jpg"> PREMIERE ANALYSE Nom du site web : Url du site : Objectif du site / description (balise description) : Mots-clés du site (balise keywords) : Cible du site : o Entreprises o Public spécialisé o </p> <a href="/1454391-Site-internet-blog-site-e-commerce-grille-d-analyse-audit-premiere-analyse-entreprises-o-public-specialise-o-etudiants-o-enfants.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6303816-Du-cms-federal-au-cms-one.html">DU CMS FEDERAL AU CMS ONE</a> </h3> <p> <img alt="DU CMS FEDERAL AU CMS ONE" title="DU CMS FEDERAL AU CMS ONE" class="news-block-img pull-right" src="/thumbs/25/6303816.jpg"> DU CMS FEDERAL AU CMS ONE Guide-utilisateur pour les webmasters Janvier 2013 DOSI / Page 1 25/01/2013 Retrouvez toutes les informations sur www.fftnet.com/cms Sommaire Table des matières 1 Le CMS One... </p> <a href="/6303816-Du-cms-federal-au-cms-one.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11531736-Bienvenue-chez-spluw.html">Bienvenue chez Spluw</a> </h3> <p> <img alt="Bienvenue chez Spluw" title="Bienvenue chez Spluw" class="news-block-img pull-right" src="/thumbs/27/11531736.jpg"> 1 Bienvenue chez Spluw Ce guide présente les principales fonctions de mise en page et d édition de votre site Web. Vous y trouverez les étapes essentielles de construction de page et de mise en forme pour </p> <a href="/11531736-Bienvenue-chez-spluw.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1977086-Aide-a-la-redaction-cahier-des-charges-de-realisation-de-site-internet.html">AIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET</a> </h3> <p> <img alt="AIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET" title="AIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET" class="news-block-img pull-right" src="/thumbs/23/1977086.jpg"> AIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET 30670 Aigues-Vives info@co-medias.com http://www.co-medias.com Tèl. : 04.66.80.21.25 Port : 06.69.30.72.57 Nom de l entreprise : Adresse </p> <a href="/1977086-Aide-a-la-redaction-cahier-des-charges-de-realisation-de-site-internet.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7344861-Nous-allons-detailler-dans-cette-documentation-les-fonctionnalites-pour-creer-un-objet-colonne.html">Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne.</a> </h3> <p> <img alt="Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne." title="Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne." class="news-block-img pull-right" src="/thumbs/26/7344861.jpg"> Généralités Dans le générateur d états des logiciels Ciel pour Macintosh vous avez la possibilité de créer différents types d éléments (texte, rubrique, liste, graphiques, tableau, etc). Nous allons détailler </p> <a href="/7344861-Nous-allons-detailler-dans-cette-documentation-les-fonctionnalites-pour-creer-un-objet-colonne.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6303604-Support-de-cours-et-mode-d-emploi-pour-le-cms-wordpress.html">Support de cours et mode d emploi pour le CMS WordPress</a> </h3> <p> <img alt="Support de cours et mode d emploi pour le CMS WordPress" title="Support de cours et mode d emploi pour le CMS WordPress" class="news-block-img pull-right" src="/thumbs/25/6303604.jpg"> pour le CMS WordPress Retrouvez notre le plan de formation sur http:///formation- cms- wordpress- creer- et- administrer- un- site- web.html Agence de communication la couleur du Zèbre - Mise à jour Août </p> <a href="/6303604-Support-de-cours-et-mode-d-emploi-pour-le-cms-wordpress.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1497350-Cahier-des-charges-du-ref.html">Cahier des charges du REF</a> </h3> <p> <img alt="Cahier des charges du REF" title="Cahier des charges du REF" class="news-block-img pull-right" src="/thumbs/22/1497350.jpg"> Cahier des charges du REF > Charte graphique > Site internet MIS À JOUR LE 23 JANVIER 2015 1 Table des matières I. QU EST- CE QUE LE RESEAU EUROMED FRANCE? 3 II. NOS ATTENTES 4 A. Ce que nous apportons </p> <a href="/1497350-Cahier-des-charges-du-ref.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12286203-Les-outils-du-web-comment-ca-marche-et-a-quoi-ca-sert.html">Les outils du Web* : comment ça marche et à quoi ça sert?</a> </h3> <p> <img alt="Les outils du Web* : comment ça marche et à quoi ça sert?" title="Les outils du Web* : comment ça marche et à quoi ça sert?" class="news-block-img pull-right" src="/thumbs/27/12286203.jpg"> Sites Web Les outils du Web* : comment ça marche et à quoi ça sert? Sites marchands, e-commerce Forums Blogs Réseaux sociaux grand public : Facebook, Twitter Réseaux sociaux professionnels : Linkedin, </p> <a href="/12286203-Les-outils-du-web-comment-ca-marche-et-a-quoi-ca-sert.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12187740-Personnaliser-et-adapter-spip-developpeur-spip.html">Personnaliser et adapter SPIP Développeur SPIP</a> </h3> <p> <img alt="Personnaliser et adapter SPIP Développeur SPIP" title="Personnaliser et adapter SPIP Développeur SPIP" class="news-block-img pull-right" src="/thumbs/27/12187740.jpg"> Personnaliser et adapter SPIP Développeur SPIP En Théorie Le fonctionnement de SPIP Qu est ce que SPIP? SPIP (Système de Publication pour l Internet Partagé) est un logiciel libre destiné à la production </p> <a href="/12187740-Personnaliser-et-adapter-spip-developpeur-spip.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10176007-Presentation-du-portail.html">Présentation du Portail</a> </h3> <p> <img alt="Présentation du Portail" title="Présentation du Portail" class="news-block-img pull-right" src="/thumbs/27/10176007.jpg"> PMB Services : Services pour les Bibliothèques & Centres de Documentation Présentation du Portail PMB Système Intégré de Gestion de Bibliothèque & Centre de Documentation PMB Services ZA de Mont sur Loir </p> <a href="/10176007-Presentation-du-portail.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3948260-Felicitation-votre-site-est-cree.html">Félicitation, votre site est créé!</a> </h3> <p> <img alt="Félicitation, votre site est créé!" title="Félicitation, votre site est créé!" class="news-block-img pull-right" src="/thumbs/24/3948260.jpg"> Guide de démarrage e-monsite.com Félicitation, votre site est créé! Vous avez fait le plus difficile. A présent, découvrez comment administrer votre site web. 1 Comprendre l interface du manager de votre </p> <a href="/3948260-Felicitation-votre-site-est-cree.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5526563-Guide-de-demarrage-debuter-avec-e-monsite-les-termes-specifiques-a-e-monsite.html">Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite</a> </h3> <p> <img alt="Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite" title="Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite" class="news-block-img pull-right" src="/thumbs/25/5526563.jpg"> Guide de démarrage Débuter avec e-monsite... page 2 Les termes spécifiques à e-monsite... page 2 Le manager... page 2 Les modules... page 3 Les widgets... page 3 Les plugins... page 4 Ajouter du contenu... </p> <a href="/5526563-Guide-de-demarrage-debuter-avec-e-monsite-les-termes-specifiques-a-e-monsite.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6771473-Documentation-utilisateur-seo-expert.html">Documentation Utilisateur SEO EXPERT</a> </h3> <p> <img alt="Documentation Utilisateur SEO EXPERT" title="Documentation Utilisateur SEO EXPERT" class="news-block-img pull-right" src="/thumbs/25/6771473.jpg"> Documentation Utilisateur SEO EXPERT SEO EXPERT est un module très complet qui vous aide à optimiser rapidement le référencement naturel de votre boutique sur les principaux moteurs de recherche mais aussi </p> <a href="/6771473-Documentation-utilisateur-seo-expert.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9187726-Cahier-des-charges-realisation-de-site-web.html">CAHIER DES CHARGES REALISATION DE SITE WEB</a> </h3> <p> <img alt="CAHIER DES CHARGES REALISATION DE SITE WEB" title="CAHIER DES CHARGES REALISATION DE SITE WEB" class="news-block-img pull-right" src="/thumbs/26/9187726.jpg"> CAHIER DES CHARGES REALISATION DE SITE WEB Nom de l entreprise : Nom du projet : Personne à contacter dans l entreprise : Adresse : Tel : Email : 1. PRESENTATION DE L ENTREPRISE Une présentation en quelques </p> <a href="/9187726-Cahier-des-charges-realisation-de-site-web.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8943911-Dossier-de-specification-de-projet-webmestre-21-fevrier-2012.html">Dossier de Spécification de Projet Webmestre 21 février 2012</a> </h3> <p> <img alt="Dossier de Spécification de Projet Webmestre 21 février 2012" title="Dossier de Spécification de Projet Webmestre 21 février 2012" class="news-block-img pull-right" src="/thumbs/26/8943911.jpg"> Conservatoire National des Arts et Métiers Centre Régional Île de France Certificat Professionnel Webmestre UA3323 : Stage de 3 mois Dossier de Spécification de Projet Webmestre 21 février 2012 Éric Bourgeois </p> <a href="/8943911-Dossier-de-specification-de-projet-webmestre-21-fevrier-2012.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1013353-Un-site-web-performant-p-3-les-moteurs-de-la-reussite-p-4.html">Un site Web performant p 3. Les moteurs de la réussite p 4</a> </h3> <p> <img alt="Un site Web performant p 3. Les moteurs de la réussite p 4" title="Un site Web performant p 3. Les moteurs de la réussite p 4" class="news-block-img pull-right" src="/thumbs/20/1013353.jpg"> Un site Web performant p 3 Les moteurs de la réussite p 4 Fonctionnalités (en bref) p 5 Fonctionnalités (petit zoom sur les rubriques) p 6 Démo p 8-2 - Avec la FCGA, c est facile La Fédération vous propose </p> <a href="/1013353-Un-site-web-performant-p-3-les-moteurs-de-la-reussite-p-4.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2039812-Groupe-eyrolles-2003-isbn-2-212-11317-x.html">Groupe Eyrolles, 2003, ISBN : 2-212-11317-X</a> </h3> <p> <img alt="Groupe Eyrolles, 2003, ISBN : 2-212-11317-X" title="Groupe Eyrolles, 2003, ISBN : 2-212-11317-X" class="news-block-img pull-right" src="/thumbs/23/2039812.jpg"> Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une </p> <a href="/2039812-Groupe-eyrolles-2003-isbn-2-212-11317-x.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4983804-Gestion-des-sites-internet-du-groupe-stem-notice-d-utilisation.html">Gestion des sites Internet du groupe Stem Notice d utilisation</a> </h3> <p> <img alt="Gestion des sites Internet du groupe Stem Notice d utilisation" title="Gestion des sites Internet du groupe Stem Notice d utilisation" class="news-block-img pull-right" src="/thumbs/25/4983804.jpg"> Gestion des sites Internet du groupe Stem Notice d utilisation Table des matières Présentation 2 Connexion à la plateforme de gestion 2 Gestion et modification du contenu 3 Gestion des documents 13 Gérer </p> <a href="/4983804-Gestion-des-sites-internet-du-groupe-stem-notice-d-utilisation.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4983400-Point-3-5-publier-des-contenus-dans-un-portail-e-sidoc-mars-2014-documentation-detaillee-v-2-3.html">Point 3.5. Publier des contenus dans un portail e-sidoc. Mars 2014 Documentation détaillée V 2.3</a> </h3> <p> <img alt="Point 3.5. Publier des contenus dans un portail e-sidoc. Mars 2014 Documentation détaillée V 2.3" title="Point 3.5. Publier des contenus dans un portail e-sidoc. Mars 2014 Documentation détaillée V 2.3" class="news-block-img pull-right" src="/thumbs/25/4983400.jpg"> Point 3.5 Publier des contenus dans un portail e-sidoc Mars 2014 Documentation détaillée V 2.3 LA PUBLICATION D ACTUALITES... 2 La saisie d une actualité... 2 Déplacer une actualité... 4 Principes d affichage </p> <a href="/4983400-Point-3-5-publier-des-contenus-dans-un-portail-e-sidoc-mars-2014-documentation-detaillee-v-2-3.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3682998-P-rojet-de-si-te-internet-non-commerci-al-de-mr-mme-melle-votre-nom.html">P ROJET DE SI TE INTERNET NON COMMERCI AL DE MR/ MME/ MELLE (Votre nom)</a> </h3> <p> <img alt="P ROJET DE SI TE INTERNET NON COMMERCI AL DE MR/ MME/ MELLE (Votre nom)" title="P ROJET DE SI TE INTERNET NON COMMERCI AL DE MR/ MME/ MELLE (Votre nom)" class="news-block-img pull-right" src="/thumbs/24/3682998.jpg"> P ROJET DE SI TE INTERNET NON COMMERCI AL DE MR/ MME/ MELLE (Votre nom) Avant de répondre à ce questionnaire, nous vous demandons de bien vouloir lire attentivement les Conditions Générales de vente. Questionnaire </p> <a href="/3682998-P-rojet-de-si-te-internet-non-commerci-al-de-mr-mme-melle-votre-nom.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/736701-Administration-du-site-back-office.html">Administration du site (Back Office)</a> </h3> <p> <img alt="Administration du site (Back Office)" title="Administration du site (Back Office)" class="news-block-img pull-right" src="/thumbs/18/736701.jpg"> Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface </p> <a href="/736701-Administration-du-site-back-office.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10618477-Le-guide-d-utilisation-du-reseau-oise.html">Le guide d utilisation du Réseau Oise</a> </h3> <p> <img alt="Le guide d utilisation du Réseau Oise" title="Le guide d utilisation du Réseau Oise" class="news-block-img pull-right" src="/thumbs/27/10618477.jpg"> Le guide d utilisation du Réseau Oise pour les associations La nouvelle version de oise.fr offre la possibilité aux associations de donner de la visibilité à leur activité en se créant un compte et une </p> <a href="/10618477-Le-guide-d-utilisation-du-reseau-oise.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3174333-Definition-de-la-newsletter-ouverture-du-logitiel-etarget.html">DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET</a> </h3> <p> <img alt="DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET" title="DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET" class="news-block-img pull-right" src="/thumbs/24/3174333.jpg"> DÉFINITION DE LA NEWSLETTER : La newsletter est un OUVERTURE document qui DU informe LOGITIEL le ETARGET client sur l'actualité, sur les nouveautés ou sur un sujet particulier. Elle est souvent rédigée </p> <a href="/3174333-Definition-de-la-newsletter-ouverture-du-logitiel-etarget.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5968445-Conduite-de-projet-web.html">CONDUITE DE PROJET WEB</a> </h3> <p> <img alt="CONDUITE DE PROJET WEB" title="CONDUITE DE PROJET WEB" class="news-block-img pull-right" src="/thumbs/25/5968445.jpg"> 1) La conception fonctionnelle A. Déterminer la structure du site et des pages Web Livrables pour cette phase : Plan du site Trames de pages Spécifications fonctionnelles Tâche réalisée par le Web designer. </p> <a href="/5968445-Conduite-de-projet-web.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10421928-Presentation-de-l-espace-de-travail-collaboratif.html">PRESENTATION DE L ESPACE DE TRAVAIL COLLABORATIF</a> </h3> <p> <img alt="PRESENTATION DE L ESPACE DE TRAVAIL COLLABORATIF" title="PRESENTATION DE L ESPACE DE TRAVAIL COLLABORATIF" class="news-block-img pull-right" src="/thumbs/27/10421928.jpg"> PRESENTATION DE L ESPACE DE TRAVAIL COLLABORATIF I Présentation Générale II Les utilisateurs, les membres et les administrateurs III Présentation détaillée des modules IV Spécifications techniques V Droits </p> <a href="/10421928-Presentation-de-l-espace-de-travail-collaboratif.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4587734-Scolasite-net-le-createur-de-site-web-au-service-des-enseignants-guide-d-administration-du-site-internet-page-1.html">Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1</a> </h3> <p> <img alt="Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1" title="Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1" class="news-block-img pull-right" src="/thumbs/25/4587734.jpg"> Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son </p> <a href="/4587734-Scolasite-net-le-createur-de-site-web-au-service-des-enseignants-guide-d-administration-du-site-internet-page-1.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3881520-Guide-d-utilisation-comment-ca-marche-liste-des-principales-fonctionnalites-disponibles-dans-moodle-a-l-uqac.html">Guide d utilisation COMMENT ÇA MARCHE? LISTE DES PRINCIPALES FONCTIONNALITÉS DISPONIBLES DANS MOODLE A L UQAC</a> </h3> <p> <img alt="Guide d utilisation COMMENT ÇA MARCHE? LISTE DES PRINCIPALES FONCTIONNALITÉS DISPONIBLES DANS MOODLE A L UQAC" title="Guide d utilisation COMMENT ÇA MARCHE? LISTE DES PRINCIPALES FONCTIONNALITÉS DISPONIBLES DANS MOODLE A L UQAC" class="news-block-img pull-right" src="/thumbs/24/3881520.jpg"> Guide d utilisation Moodle version 2.4 est une plate-forme d'apprentissage en ligne (e-learning en anglais) servant à créer des communautés d'apprenants autour de contenus et d'activités pédagogiques. </p> <a href="/3881520-Guide-d-utilisation-comment-ca-marche-liste-des-principales-fonctionnalites-disponibles-dans-moodle-a-l-uqac.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10673611-Formation-des-redacteurs.html">FORMATION DES RÉDACTEURS.</a> </h3> <p> <img alt="FORMATION DES RÉDACTEURS." title="FORMATION DES RÉDACTEURS." class="news-block-img pull-right" src="/thumbs/27/10673611.jpg"> Idemu, refonte de site web. le 06 novembre 2008 FORMATION DES RÉDACTEURS. 1. Introduction L objectif de ce cours est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert </p> <a href="/10673611-Formation-des-redacteurs.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7570671-Administration-de-votre-site-web.html">Administration de votre site web</a> </h3> <p> <img alt="Administration de votre site web" title="Administration de votre site web" class="news-block-img pull-right" src="/thumbs/26/7570671.jpg"> Administration de votre site web WordPress Date de révision : 11/12/2012 1 Mestres All Dev, tous droits réservés, reproduction interdite. Sommaire Connexion... 3 Gestion des articles... 4 Créer un article... </p> <a href="/7570671-Administration-de-votre-site-web.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/573485-Utilisation-de-sarbacane-3-sarbacane-software.html">Utilisation de Sarbacane 3 Sarbacane Software</a> </h3> <p> <img alt="Utilisation de Sarbacane 3 Sarbacane Software" title="Utilisation de Sarbacane 3 Sarbacane Software" class="news-block-img pull-right" src="/thumbs/20/573485.jpg"> Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur </p> <a href="/573485-Utilisation-de-sarbacane-3-sarbacane-software.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8666249-Guppy-administrer-son-portail-web-avec-1-parametrage-du-site-sommaire-http-www-freeguppy-org.html">GuppY. Administrer son. portail Web avec. 1 Paramétrage du site. Sommaire : http://www.freeguppy.org</a> </h3> <p> <img alt="GuppY. Administrer son. portail Web avec. 1 Paramétrage du site. Sommaire : http://www.freeguppy.org" title="GuppY. Administrer son. portail Web avec. 1 Paramétrage du site. Sommaire : http://www.freeguppy.org" class="news-block-img pull-right" src="/thumbs/26/8666249.jpg"> Administrer son GuppY portail Web avec http://www.freeguppy.org 1 Paramétrage du site 1 GuppY est un CMS (content management system) Il s agit d un Système intégré et multi plate-forme permettant de gérer </p> <a href="/8666249-Guppy-administrer-son-portail-web-avec-1-parametrage-du-site-sommaire-http-www-freeguppy-org.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6128221-Creer-un-site-internet-ou-des-pages.html">Créer un site internet (ou des pages)</a> </h3> <p> <img alt="Créer un site internet (ou des pages)" title="Créer un site internet (ou des pages)" class="news-block-img pull-right" src="/thumbs/25/6128221.jpg"> Ce qu il faut savoir avant de commencer Driss SABRI Une page Web est un outil de communication pour lequel on a des contraintes spécifiques 1. avant d en créer il faut se poser les questions habituelles </p> <a href="/6128221-Creer-un-site-internet-ou-des-pages.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4958279-Formation-au-logiciel-typo3-pour-les-redacteurs.html">Formation au logiciel Typo3, pour les rédacteurs.</a> </h3> <p> <img alt="Formation au logiciel Typo3, pour les rédacteurs." title="Formation au logiciel Typo3, pour les rédacteurs." class="news-block-img pull-right" src="/thumbs/25/4958279.jpg"> 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module </p> <a href="/4958279-Formation-au-logiciel-typo3-pour-les-redacteurs.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5527320-Refonte-du-site-internet-de-la-ville-d-etrepagny-www-etrepagny-fr.html">Refonte du site internet de la Ville d Etrépagny www.etrepagny.fr</a> </h3> <p> <img alt="Refonte du site internet de la Ville d Etrépagny www.etrepagny.fr" title="Refonte du site internet de la Ville d Etrépagny www.etrepagny.fr" class="news-block-img pull-right" src="/thumbs/25/5527320.jpg"> Rue Maréchal Foch B.P. 11 27150 ETREPAGNY Refonte du site internet de la Ville d Etrépagny www.etrepagny.fr CAHIER DES CHARGES Marché passé sans formalité préalable selon procédure adaptée. Pouvoir adjudicateur </p> <a href="/5527320-Refonte-du-site-internet-de-la-ville-d-etrepagny-www-etrepagny-fr.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2017 © DocPlayer.fr <a href="/support/privacy-policy/">Politique de confidentialité</a> | <a href="/support/terms-of-service/">Conditions de service</a> | <a href="/support/feedback/">Feed-back</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/9bab/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":29,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=29&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>