CMS (Content Management System) développé par la couleur du Zèbre
Sommaire Le CMS Nina Introduction p 3 Présentation p 3 Pourquoi choisir Nina? p 4 Backoffice : une interface ergonomique p 5 Frontoffice : ce que Nina vous offre pour votre site internet p 6 Périmètre fonctionnel p 8 La couleur du Zèbre Qui sommes-nous? p 10 Nos services et prestations p 12 Notre méthodologie de travail p 13 Nos compétences p 14 Exemples de sites internet réalisés avec Nina p 18 Autres exemples de réalisations web p 21 Annexes la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 2 sur 21
Le CMS Nina Introduction Nina est un CMS (Content Management System) proposé par l agence de communication la couleur du Zèbre. Nina est une création originale qui bénéficie du support de l agence : -> audit et conseil en communication, formations ; -> aide à la publication ou bien encore au référencement, maintenance... Nina est un CMS efficace, puissant, souple et évolutif. la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 3 sur 21
Le CMS Nina Pourquoi choisir Nina? SIMPLE ET COMPLET Ce CMS offre de nombreux modules et plugins et allie la simplicité de gestion à la rapidité d exécution. Créez vos rubriques, pages, catalogues, agendas, blogs, podcasts, newsletters, etc. Vous ajoutez du contenu à l infini. En vous connectant à un espace privé vous mettez automatiquement à jour votre site, vous n avez pas besoin de logiciel. Mailez grâce au système de gestion de newsletter intégré. Vous pouvez envoyer automatiquement des résumés d articles ou de billets sélectionnés dans un gabarit prévu à cet effet. Ne perdez plus de temps à retaper vos newsletters, c est automatique. Gérer du contenu rapidement grâce à un éditeur WISIWIG qui vous permet d organiser vos pages web tel un éditeur de texte (ex : Word). Vous pouvez bien sûr aussi insérer des images, des liens, des fichiers à télécharger, etc. Annoncez vos événements dans des agendas, publiez des billets dans votre blog. Vos actualités sont gérées en quelques cliques. Syndiquez par flux RSS vos pages, agendas et blogs, vos internautes pourront lire le contenu de votre site depuis un logiciel agrégateur ou simplement lire les nouveautés dans la barre du navigateur. Collaborez en créant des comptes d utilisateurs avec différents droits d accès. Vous donnez des droits de modification pour certaines rubriques du site. Trois niveaux de profils par défaut : Administrateur / Rédacteur / Contributeur. Un référencement naturel efficace Grâce à la méthode SEO (Search Engin Optimization) vous pouvez optimiser les méta-déscriptions, mots-clefs et adresses de chaque page. Si vous ne souhaitez pas saisir ces informations Nina vous facilite le travail, elles seront automatiquement récupérées du titre et du contenu de la page avec la possibilité de les optimiser par la suite. La réécriture d'url, "google sitemap, "google analytics" sont d'autres avantages pour votre référencement. la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 4 sur 21
Le CMS Nina Backoffice : une interface ergonomique Édition WYSIWIG : Organisez vos pages web tel un éditeur de texte, ajoutez des images, des tableaux, des liens, des fichiers à télécharger, etc. la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 5 sur 21
Le CMS Nina Frontoffice : ce que Nina vous offre pour votre site internet Arborescence et architecture du site Nina vous permet de proposer aux internautes une interface Web de qualité. On distingue différentes typologies de liens : les liens "structuraux" : éléments de navigation dans l'arborescence du site (menus, liens en bas de page, fil d ariane ou chemin parcouru...) ; liens "intégrés" : liens vers des éléments de la page (ancres, fenêtre pop up...) ; liens "associatifs" : liens vers des éléments associés au contenu de la page (ex : pour en savoir plus, voir aussi...). Avec Nina, à tout moment et à n'importe quel endroit du site, l'internaute peut sur votre site internet rapidement visualiser : où il est ; où il est déjà allé ; où il peut aller. Navigation intuitive et cohérente Les internautes doivent faire un minimum d'efforts pour se repérer dans le site et trouver les informations qu'ils recherchent. Le principal enjeu est de faciliter et de réduire au minimum le temps d'accès à l'information recherchée. Nina offre une navigation étudiée qui permet une navigation descendante et transversale (descendre dans l'arborescence du site et favoriser un passage aisé d'une rubrique à l'autre). Nina vous offre la possibilité de proposer : lisibilité des éléments de navigation fluidité de la navigation hiérarchisation des rubriques qualité des contenus (médias, images, documents en téléchargement ) la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 6 sur 21
Le CMS Nina Dynamisme et interactivité Frontoffice : ce que Nina vous offre pour votre site internet (suite) Le dynamisme et l'interactivité caractérisent les échanges possibles entre l'utilisateur et le site Web. Moteur de recherche, liens hypertextes, téléchargements de fichiers, ouvertures de fenêtres en pop up («Open Window», «_blank») autant d éléments et d outils qui assurent le dynamisme d un site Internet. Il est primordial d en user dans des contextes bien définis, ceci pour éviter toute surcharge ou désagrément pour l internaute. Aussi, il est parfois utile de faciliter les échanges dans le but de recueillir les impressions et les demandes des visiteurs (formulaire de renseignement, inscription en ligne, questionnaire, etc.). Enfin, notons que nous allons de plus en plus vers une génération de supports multimédias complètement modulables. Il va devenir de plus en plus important de donner à l'internaute la possibilité d'intervenir sur le site afin d'adapter certains aspects : les couleurs de l interface, la taille des polices (afin par exemple de permettre à l'internaute d'agrandir les textes s il le souhaite). la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 7 sur 21
Le CMS Nina Périmètre fonctionnel ARBORESCENCE Menu des rubriques et sous-rubriques (navigation verticale et/ou horizontale) Accès rapides (pages et modules dans le pied de page) Création de page (page accessible dans le site via : une rubrique, une sous-rubrique ou un accès rapide) Création de rubrique (pouvant contenir des modules ou des pages ou des sous-rubriques) Création de modules (voir la liste des modules) Gestion des arborescences (de chaque langue) Éléments liés (éléments à joindre à une page / s affichent en bas de la page) Fichier joint (permet d ajouter des fichiers à télécharger tel que Pdf, Doc, Zip, etc.) Images jointes (permet d ajouter des images à une page, créer des miniatures et un diaporama plein écran «lightbox») Podcast (permet d ajouter des fichiers MP3 en écoute par un lecteur flash ou en téléchargement par un podcaster) Vidéocast (permet d ajouter des vidéos à la page depuis un hébergeur tels que youtube ou dailymotion) Liens (permet d ajouter une liste de liens en bas de page avec des commentaires) Icônes (permet d ajouter une icône à la page, cette icône peut être réutilisée dans d autres éléments du site) Divers boutons (imprimer la page/ envoyer par mail / agrandir ou rétrécir le texte) Il s agit ici d une liste des fonctionnalités de base du CMS Nina. Des modules complémentaires seront développés sur mesure pour répondre à vos besoins. MODULES (une ou plusieurs pages fonctionnelles) News/Actualités (résumé des derniers articles d une rubrique) Agenda (agenda présentant des événements par jour, affichage des prochains événements sur la page d'accueil) Blog (affichage des billets à la suite) Formulaire dynamique (permet de créer des formulaires en personnalisant les champs et leurs nombres) Diaporama (affiche un diaporama des tous les images jointes du site ou d une rubrique sélectionnée, voir «Éléments liés / Images jointes») Catalogues (gestion des produits par gamme, images, miniatures, références, etc.) Navigation croisée (ajoute un menu supplémentaire pour lister des pages indépendamment de leurs rubriques) Alias (crée dans l arborescence du site une page virtuelle renvoyant vers une page existante dans l arborescence) Podcast et vidéocast (affiche tous les podcasts et vidéocasts des éléments liés de tous le site sur une même page -> voir «Éléments liés / Podcast») Liens (affiche tous les liens des «Éléments liés» du site sur une même page -> voir «Éléments liés / Liens») la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 8 sur 21
Le CMS Nina Périmètre fonctionnel (suite) GESTION DES UTILISATEURS Gestion des comptes administrateur/rédacteur/contributeur Administrateur : dispose de tous les droits pour la gestion du système Rédacteur : dispose de tous les droits sauf l accès à la gestion des comptes, de la corbeille et de la configuration générale du site Contributeur : propose des pages dans l arborescence du site MULTILINGUE Site public multilingue et choix de la langue du système d administration Chaînage libre des articles entre différentes langues (permet de créer des arborescences différentes pour chaque langue tout en créant des liens de traduction entre les pages de différentes langues) ACCESSIBILITE et RECHERCHE Accessibilité du site (mal voyants, CSS) Flux Rss (pour : pages, podcast, agenda) Moteur de recherche (sur tous les éléments du site) La sémantique du code html est respectée et permet une hiérarchisation de l information (titre, sous-titre, contenu). La lecture des pages par un synthétiseur vocal pour malvoyants sera fluide et structurée. La séparation du fond (textes, titres, liens, etc.) et de la forme (images de fond, couleurs des textes, colonnes, etc.) permet d afficher uniquement les informations pertinentes pour un malvoyant et par exemple d afficher les caractères dans des tailles ou des couleurs différentes. REFERENCEMENT Afin d assurer une excellent classement de votre site dans les moteurs de recherche et d augmenter ainsi le nombre de visiteur Nina respecte les règles suivantes : Le code html est validé W3C, ceci indique que le site est conforme aux normes du web. Votre site sera donc pris en compte correctement sur la majorité des navigateurs et lisible par les moteurs de recherche. Un respect de la sémantique html permet de structurer les pages afin de faciliter leur lecture par les moteurs de recherche lors de leur indexation. SEO : une optimisation de toutes les pages du site pour les moteurs de recherche en ajoutant des mots-clefs, des descriptions et des url personnalisés pour chaque page. Enfin, le SiteMap permet à Google d indexer chaque page du site grâce à une carte de l arborescence des pages. AUTRES ELEMENTS DE L ADMINISTRATION DU SITE Newsletter (inscription/désinscription et envoi de newsletter au format mail classique, archivage des mails, import et export de listes de mails au format CSV) Corbeille des éléments supprimés (articles, rubriques modules, comptes utilisateurs) Édition WYSIWIG (organisez vos pages web tel un éditeur de texte, ajoutez des images, des tableaux, des liens, des fichiers à télécharger, etc.) Bibliothèque de médias (ulpoad de fichiers en masse, gestion des fichiers, des images, gestion des répertoires, système de redimensionnement et recadrage des images) Statistiques (par page, rubrique, mot-clef, moteur de recherche, pays, etc.) Sauvegarde du site (sauvegarde datée, permet de restaurer le site tel qu il l était lors d une sauvegarde, permet d enregistrer la sauvegarde sur votre ordinateur) Messagerie pour maintenance du site (envoi un message à l administrateur du site) la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 9 sur 21
Qui sommes-nous? Depuis 1997! La couleur du Zèbre est née de la rencontre de deux indépendants. Depuis 1997, Anne Thaumiaud a développé «graphisme.aneth», son activité de graphiste indépendante (Voir http://graphisme.aneth.free.fr). En plus de 10 ans d activité, ses compétences de graphiste presse et multimédia se sont étendues à celles du conseil en communication et de la formation. C est dans le cadre de ses interventions en tant que consultante ergonome multimédia qu en 2006 elle a rencontré Emmanuel Winstein enseignant à l Université Marc Bloch de Strasbourg et, parallèlement, directeur de «Atelier point Comm», studio de création multimédia (Voir www.atelierpointcomm.fr). Elle, spécialiste en conseil et communication graphique, lui, spécialiste en développement multimédia et gestion de projet, le mariage était évident : il est officiel depuis le 5 janvier 2009! Un réseau de compétences éprouvé En plus de 10 années, les collaborations ont été nombreuses et fidèles. Aujourd hui, la couleur du Zèbre représente un réseau de compétences important. Les équipes se constituent en fonction de la nécessité des projets. Nous nous adaptons à vos besoins en proposant les ressources nécessaires. la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 10 sur 21
Une philosophie et des valeurs À chaque problématique il y a une réponse spécifique. Nous sommes attachés à vous proposer une réponse complète : à comprendre votre problématique de communication et à vous apporter le conseil et les solutions adéquats. Nous pensons qu il est possible d être sérieux et efficace, tout en étant simple, humain et à l écoute. Aussi, la fidélité et l honnêteté sont des valeurs auxquelles nous tenons. Nous comptons aujourd hui sur la présence de clients depuis plusieurs années, c est bien que ces valeurs peuvent êtres partagées. Notre démarche Tout au long de notre démarche, nous plaçons l écoute au cœur de notre travail. Aussi, il est fondamental de travailler en toute transparence et dans le respect des budgets et délais annoncés.. la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 11 sur 21
Nos services et prestations web.multimédia Sites internet CMS Blogs Sites intranet & applications métier CDs-DVDs & Bornes interactives Développements spécifiques Module de gestion de Newsletter Hébergement & maintenance édition.presse Logotypes & identité visuelle Plaquettes, tracts & flyers Affiches Journal & magazine Rapports d activité audit.conseil Charte éditoriale & rédaction Charte graphique & guide d utilisateur Stratégie de communication Conseils en impression Conseil en ergonomie Nom de domaine & référencement formation Communication des entreprises Communication Multimédia Ergonomie multimédia Enseignement (Master multimédia, BTS Communication) Logiciels «Edition / Presse» Logiciels «Multimédia» Utilisation CMS la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 12 sur 21
Notre méthodologie de travail Introduction Dans le cycle de développement d un projet multimédia, nous distinguons 6 grandes phases : 1 2 3 4 5 6 L analyse La conception La production et la réalisation Évaluation Publication Maintenance Contexte Besoins Positionnement Objectifs Cibles Bénéfices Architecture du projet Ergonomie et charte graphique Spécifications techniques et fonctionnelles Plannings Conception textes et médias Dynamisme et interactivité Navigation Pages gabarits Rédaction et intégration des textes Préparation et intégration des médias Accessibilité Référencement Test production Retours utilisateurs Formations et transferts de compétences - - la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 13 sur 21
Nos compétences Anne Thaumiaud Directrice de la Communication Types d interventions et aptitudes particulières > Conception et réalisation d identité et de chartes graphiques > Audit ergonomique de sites internet > Maîtrise chaîne graphique d imprimerie > Conception et réalisation multimédia > Formatrice > Conseil en communication Formations 1997-1998 Ecole des Arts décoratifs de Strasbourg (67) 5ème année en Communication graphique et Multimédia 1997 Diplôme National d'arts et techniques (bac+3) à l'ecole des Arts et de la Communication de Pau (64) Stage en communication graphique dans le cadre du projet européen «Europe Demain» au Kent Institute of Art and Design de Maidstone (Angleterre - 3 mois) 1996 Diplôme de l'ecole Supérieure des Arts et de la Communication (bac+4) Stage en communication graphique dans le cadre du projet européen «Europe Demain» à la Facultad de Bellas Artes de Bilbao (Espagne - 1 mois) 1994 Brevet de Technicien Supérieur en Expression Visuelle Image de Communication (58) 1992 Brevet de Technicien en Arts Appliqués option Verrerie Cristallerie (03) la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 14 sur 21
Nos compétences Anne Thaumiaud Directrice de la Communication Expériences professionnelles Depuis 2009 Gérante de l Agence de Communication la couleur du Zèbre Depuis 2008 Professeur à l Université de Strasbourg (Master CAWEB) (67) - (Modules : «Ergonomie web»), à l Ecole Europe Technique (en BTS Communication des Entreprises) (67) - (Modules : «Stratégie de Communication» et «Image et production») 1998-2009 Graphiste free-lance Depuis 2002 Consultante en Communication multimédia 2003-2008 Intervenante à l Université Marc Bloch de Strasbourg (en Master CML et CAWEB) (67) - (Modules : «L ergonomie pour le web» et «Photoshop») 2005-2006 Infographiste / Directrice Artistique (Diatem) - (Schiltigheim, 67) 1999-2002 Infographiste (Interact multimédia Seconde Vue) - (Strasbourg, 67) Compétences techniques Matériels Systèmes PC / MAC WINDOWS 2000 / XP et + Mac OS X et + Logiciels Illustrator, Photoshop, Quark X Press, Indesign, Dreamweaver, Flash, Microsoft Office. la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 15 sur 21
Nos compétences Emmanuel Winstein Directeur Technique Types d interventions et aptitudes particulières > Conception et Réalisation de sites Web dynamiques > Audit de sites internet > Conception et Réalisation multimédia > Maîtrise de nombreux langages de programmation > Formateur à l Université de Strasbourg Formations 2004-2005 Licence Professionnelle Activités et Techniques de Communication Multimédia - Université Louis Pasteur de Strasbourg (67) 2003-2004 Deuxième année de DEUG Science et Technologie pour l Ingénieur - Université Louis Pasteur de Strasbourg (67) 2001-2003 BTS Informatique de Gestion spécialisation Administrateur de réseaux locaux d entreprise - Lycée R.Cassin de Strasbourg (67) 2003 Certification Cisco System (réseaux informatiques) 2001 Baccalauréat Général Scientifique option Technologie Industrielle et option Informatique - Lycée G.Imbert de Sarre-Union (67) la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 16 sur 21
Nos compétences Emmanuel Winstein Directeur Technique Expériences professionnelles Depuis 2009 Associé de l Agence de Communication la couleur du Zèbre Depuis 2007 Professeur à l Université de Strasbourg (en Master CML, Master CAWEB et Licence LEA) (67) - (Module «Outils pour le web (CMS)», «Flash» et «Photoshop») 2006-2008 Développeur PHP/MySQL et Action Script chez LOB SARL Bischheim (67) Depuis 2005 Développeur Internet et multimédia en Entreprise Individuelle Atelier Point Comm Compétences techniques Matériels Systèmes PC / MAC WINDOWS 2000 / XP et + Mac OS X et + LINUX Ubuntu, Mandrake, Debian Logiciels Illustrator, Photoshop, Quark X Press, Indesign, Dreamweaver, Flash, Microsoft Office, Première, After Effects, Pro Tools. Langages de programmation PHP, SQL, Javascipt, AJAX, XML, Action Script, CSS, HTML, Smarty. la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 17 sur 21
Quelques exemples de sites internet réalisés avec le CMS Nina www.radioeurodistrict.com Site pour RadioEuroDistrict qui présente et diffuse en ligne la radio, Podcast, actu, reportage, agenda Site réalisé avec le CMS NINA. Les plus du Zèbre Statistiques et BDD. Nom de domaine. Référencement. www.cefpa.com Site du CEFPPA Centre Européen de Formation et de Promotion Professionnelle par Alternance Réservation et paiement en ligne, actu et agenda. Site réalisé avec le CMS NINA. Les plus du Zèbre Réservation et paiement en ligne. Hébergement et maintenance. Statistiques et BDD. Nom de domaine. Référencement. la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 18 sur 21
Quelques exemples de sites internet réalisés avec le CMS Nina www.adira.com www.artchange.fr Site de l ADIRA qui propose de visualiser toutes les actualités économiques du Bas-Rhin tant sur l'accompagnement d'entreprises et de collectivités, que sur le travail en réseau. Site réalisé avec le CMS NINA. 1er placement pour le terme «ADIRA». 9000 visites par mois. Site de la Compagnie de danse Artchange 2ème position sur Google pour le terme «compagnie dingsheim». Site réalisé avec le CMS NINA. 200 pages référencées sur google. Les plus du Zèbre Slider des actualités. Référencement. Développement spécifique d un module de gestion et diffusion de newsletters. Nuage de mots. Les plus du Zèbre Hébergement et maintenance. Statistiques et BDD. Nom de domaine. Référencement. la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 19 sur 21
Quelques exemples de sites internet réalisés avec le CMS Nina www.scene2.org Site de l Association Scène2 de Senones qui propose un lieu de recherche et de création pour le spectacle vivant dans l abbaye de la ville. Site réalisé avec le CMS NINA. 1er placement pour le terme «art Senones». 2000 visites par mois. Les plus du Zèbre Hébergement et maintenance. Statistiques et BDD. Nom de domaine. Référencement. www.drulingen.fr Site institutionnel de la Commune de Drulingen. Site réalisé avec le CMS NINA. 35 entreprises et associations actives pour la gestion des agendas et informations du site (comptes de l extranet). 1 600 visites par mois. 360 pages indexées dans Google. Les plus du Zèbre Charte graphique et ergonomique. Hébergement et maintenance. Statistiques et BDD. Nom de domaine. Référencement. la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 20 sur 21
D autres exemples de réalisations web www.transversalles.com/sud Transversalles : site d'information sur les événements culturels présents dans les régions frontalières de la France, de l'allemagne et de la Suisse Site réalisé avec le CMS typo 3. 734 pages référencées sur google. 10000 visites par mois. Les plus du Zèbre Réalisation de la charte graphique Audit ergonomique www.cardek.net Le CARDEK : centre socioculturel de la Krutenau Site internet réalisé avec SPIP. 1800 visites par mois. 407 pages indexées. 6ème place dans le moteur Google pour «centre socioculturel», Google PageRank de 4. Les plus du Zèbre Newsletters, emailing, Développement d'applications newsletter Hébergement & maintenance Statistiques et BDD Nom de domaine Référencement la couleur du Zèbre / 3 place des Orphelins / 67000 Strasbourg / Tel 03 69 96 41 69 / contact@lacouleurduzebre.com / www.lacouleurduzebre.com Page 21 sur 21