Ce stage d’une semaine a eu lieu du 12 au 16 juillet au Centre aéré du Mas Bresson à Perpignan (le programme du centre est disponible sur le site de la Mairie) et sera renouvelé au mois d’août.

Au programme

• Découverte d’internet et du monde du web à travers des diapos, des questions/réponses et mini-jeux.
• Zoom sur les métiers du web, les étapes et les outils de la création d’un site web
• Réflexion et préparation du contenu du site internet du Mas Bresson
• Atelier pratique sur la retouche d’images et la création de vidéos numériques.
• Et enfin la création d’un site internet avec Meabilis!

Bilan de l’atelier

Les enfants ont choisi le thème gratuit « Minéral » pour représenter le Centre aéré et ont personnalisé le bandeau avec une photo du Mas Bresson.

Par groupe de deux, ils ont ensuite créé leur page, sur laquelle ils ont inséré les images, prises durant la semaine et retouchées par leurs soins.

Ils ont pu ajouter du texte et même les vidéos tournées la veille. Bref, construire leur site eux-même, supervisés par Julien et les animateurs. Certains ont même ajouté leur propre animation flash!

Le bilan est donc très positif : un véritable échange avec des enfants intéressés et sensibles au web (certains même déjà passionnés), concrétisé par une mise en pratique rapide et gratifiante.

Merci donc aux enfants qui ont participé à l’atelier (Estelle, Adriana, Julien, Rémi, Léa, Clémence, Basile, Hugo, Kellil, Vianney, Nicolas, Vincent, Paul et Mathias), aux animateurs du Mas Bresson et aux organisateurs.

La suite au mois d’août avec un nouveau groupe!

Meabilis permet de créer son site internet facilement mais aussi de l’optimiser pour le référencement, sans connaissances en programmation :

L’optimisation technique du site est géré automatiquement par l’outil (performances générales, redirections, contenus dynamiques accessibles, code propre…) et de nombreux paramètres sont personnalisables simplement (alt d’images, les urls, les métas…).

Pour vous aider dans cette démarche, Meabilis vous propose une catégorie « Conseils pour le référencement de votre site web » sur le Centre d’aide en ligne, comprenant plusieurs guides complétés et mis à jour régulièrement :

• Comment bien choisir les mots clés de son site internet
• Aide à la rédaction de contenu optimisé avec vos mots clés
• Comment rédiger le Title de ses pages web
• Soigner l’optimisation de ses images pour le référencement

Ces recommandations pourront vous être utiles pour appréhender les bases du référencement et les appliquer à votre site Meabilis.

Dans quelques jours se déroulera le festival Jazzapassa, auquel nous avions assisté l’année dernière (et qui avait fait l’objet d’un petit billet sur le blog : Nethik va Jazzer à Passa).

Le festival aura lieu du 25 au 26 Juin 2010 au Monastir del Camp à Passa (66).
Vous trouverez le programme, le plan et toutes les infos nécessaires sur le site web www.jazzapassa.com.

Je vous encourage vivement à découvrir cet événement original, véritable alchimie entre l’énergie créative de l’art contemporain et la culture ancrée du terroir.

Cette année, Nethik s’est impliquée dans la création de l‘identité graphique et des actions de communication du festival en créant son logo, ses affiches, ses flyers ainsi que son site internet!

Le site internet www.jazzapassa.com

La charte graphique a été réalisée sur mesure et intégrée à la plateforme Meabilis. 
Cela a permis à l’équipe de Jazzapassa de remplir le contenu du site eux-même et d’ajouter les fonctionnalités dont ils avaient besoin très facilement, comme par exemple un plan Google pour localiser le lieu de l’évènement, un système de commentaires pour dialoguer avec leurs visiteurs, un formulaire de contact, une galerie d’image ou encore un lecteur de flux Rss pour mettre en avant leurs actus sur la page d’accueil.

Pour rappel, vous pouvez créer un site internet dès maintenant sur le site Meabilis (www.meabilis.fr)!

Création du logo « Grand Passage »

Jazzapassa fait partie d’un grand projet transfrontalier de réunion d’actions artistiques, d’interactions créatives, de culture et de patrimoine, Grand Passage.

Le logo symbolise deux éléments importants de ce projet :

le rapport à l’Histoire, à la culture et au patrimoine, représenté par un livre ouvert
et le lien, la continuité, le passage des connaissances et des frontières représenté par l’anneau de Möbius.

Création graphique des affiches et flyers du festival

Pour compléter les supports de communication, l’identité graphique de Jazzapassa a été déclinée sous différentes formes : cartons d’invitation, affiches, flyers…

L’affiche a été créée à partir d’une trame faite de transparence avec la répétition du logo de « Grand Passage », représentant ainsi le lien entre le festival de Jazz et le projet global.

Le logo est aussi repris en négatif, ne laissant apparaitre que les triangles « vides » sur les coins de l’affiche. C’est un élément important de l’identité visuelle du projet, qui sera repris sur d’autres supports (signalétiques, banderoles…).

On retrouve aussi la courbe de Moebius dans le fond de l’affiche, vibrant au rythme des ondes musicales.

La photo de fond est un portrait de Julien Loureau, réalisé par Gala, artiste photographe dont vous pourrez retrouver l’exposition au Monastir del Camp.

Rendez-vous donc les 25 et 26 Juin à Passa pour de belles journées musicales et sur le site internet pour retrouver toutes les informations sur l’événement.

Site web Solid'Action

Voici un nouvel exemple de site internet professionnel, réalisé par notre agence web pour l’entreprise solidaire Solid’Action : www.solidaction.coop

Il s’agit du site d’une jeune Scop dont l’objectif est d’apporter solutions, accompagnement et formations aux personnes souhaitant s’engager de manière solidaire.

La charte graphique a été créée sur mesure en respectant l’identité graphique de la société, ses goûts et ses besoins et le site repose sur la plateforme Meabilis.

L’équipe de Solid’Action a donc pu intégrer les contenus du site facilement et en toute autonomie grâce au système de gestion de contenu, en aillant un rendu immédiat du résultat final (technologie WYSIWYG).

Le résultat est un site riche en contenus et en images, qui reflète le dynamisme et le professionnalisme de la société!

En savoir plus sur Solid’Action :

Solid’Action est une coopérative de solidarité internationale qui vient de naître et qui a pour objet de mettre en relation des citoyens souhaitant s’impliquer dans la solidarité et la coopération internationale avec des acteurs partenaires locaux en Europe et dans les pays en développement.

Ses services s’adressent donc autant aux particuliers, qu’aux professionnels, associations, collectivités territoriales, universités… Bref, toute personne ou groupe de personnes désirant agir, s’informer ou participer au développement durable.

Son activité s’articule autour de 4 pôles :

• La mise en place de missions de volontariat
• Le promotion de voyages solidaires organisés par les partenaires de la SCOP
• La formation (montage et gestion de projet de développement, solidarité et tourisme solidaire)
• Le conseil et l’accompagnement ( recherche de fonds, montage et gestion de projets solidaires)

Je vous propose de découvrir plus en détail les services proposés par cette Scop pleine d’avenir ainsi que sa charte éthique!

Vous pouvez donc commencer à créer votre site web dès maintenant sur www.meabilis.fr et tester l’outil à volonté, c’est gratuit et sans engagement!

Voici un petit aperçu des fonctionnalités disponibles gratuitement :

En vous inscrivant à Meabilis, vous avez accès à un choix de chartes graphiques gratuites et personnalisables (ajout de votre logo, de vos illustrations et images, choix de la couleur de fond…).

L’outil de gestion de contenu vous permet ensuite de construire les pages de votre site simplement et de les modifier autant de fois que vous le souhaitez (le nombre de pages est aussi illimité).

Le fonctionnement est simple : Vous avez à votre disposition un ensemble d’éléments, appelés « modules » que vous glissez-déposez sur votre page et que vous remplissez avec votre contenu.

Par exemple, un module texte vous servira à mettre en page votre contenu textuel, un module galerie vous permettra de présenter vos photos, un module plan google d’afficher votre localisation sur une carte, etc.

Tous les services liés à la création d’un site web sont centralisés sur le tableau de bord de votre interface d’administration privée (configuration du site, nom de domaine, hébergement, comptes e-mails pour les offres pro…).

Enfin, un soin particulier est apporté au référencement et aux optimisations techniques (code propre, redirections, métas et url personnalisables, géolocalisation…).

Les dernières nouveautés :

Le formulaire de contact

En un clic, vous ajoutez un formulaire sur votre site, permettant ainsi à vos visiteurs de vous contacter facilement, sans ouvrir leur messagerie.

Le système de commentaires

Idéal pour créer un livre d’or, un espace d’avis clients ou tout simplement ouvrir un dialogue avec vos visiteurs. Les messages peuvent être modérés (acceptés ou refusés) et même modifiés.

A venir très prochainement

• L’agenda, une nouvelle fonctionnalité pour présenter ses événements et dates importantes facilement.
• Le blog, un système de création d’articles et de listing de billets pour ajouter un blog à son site internet.
• Une nouvelle version du module galerie (importation multiple, personnalisation de la taille des miniatures…)
• Et aussi, de nouvelles chartes graphiques personnalisables et gratuites!

A bientôt donc! N’hésitez pas à nous donner vos retours d’expérience ou à nous demander conseil. Un support en ligne est à votre disposition pour vous répondre en direct.

Ce site a été réalisé avec Meabilis, notre outil de création de site internet et une charte graphique créée sur mesure en suivant les besoins et envies de l’association.

Il s’agit donc d’un site web évolutif, dont les contenus peuvent être mis à jour très facilement et en toute autonomie.

Il bénéficie aussi de toutes les fonctionnalités de Meabilis (système de commentaires, formulaire de contact, éditeur de texte Wysiwyg, carte google maps, lecteur de flux Rss…) et est optimisé techniquement pour le référencement (géolocalisation, respect des standards du web, construction sémantique, redirections 301, possibilité de personnaliser les métas…).

Découvrir l’association IF :

« Initiation à la forêt » est une association Loi 1901, créée en 1995,  dont l’objectif est d’initier enfants et adultes et de former les enseignants à la connaissance de l’environnement. Elle promeut aussi toute action ayant ce but et crée des documents de Défense des Forêts Contre les Incendies (DFCI). If participe aussi à toutes opérations de développement forestier et environnemental.

Prochain événement organisé par l’association : « Les rencontres de la forêt » le 5 mai 2010 à Céret (66).

Retrouvez d’autres exemples de sites web réalisés avec Meabilis et toutes nos chartes graphiques gratuites sur www.meabilis.fr

Il s’agit d’un projet sur lequel nous travaillons tous depuis des mois et qui nous a valu d’être reconnue « entreprise innovante » par le COSTI (Conseil d’Orientation Scientifique, Technique et Industriel) ainsi que par Oséo Innovation.

Un projet particulièrement ambitieux donc, qui découle d’une réelle volonté d’innovation et qui a demandé la concentration des diverses compétences de l’agence.

Le service? un outil de création de site internet à la portée de tous!

Il sera disponible sur internet à la rentrée 2010, (pour bien commencer l’année!) dans sa version Beta publique et dans sa forme la plus simple. De nombreuses fonctionnalités arriveront dans les semaines suivantes pour la compléter et répondre aux premiers retours utilisateurs.

En quoi sera-t’il innovant?

« On entend par innovation technologique de produit la mise au point/commercialisation d’un produit plus performant dans le but de fournir au consommateur des services objectivement nouveaux ou améliorés. »

Cet outil propose une nouvelle approche de la création de sites internet, qu’ils soient professionnels ou personnels : sans avoir à faire appel à une agence web, un développeur ou un graphiste, sans connaissances techniques particulières, juste simplement.

Il offrira donc la possibilité à chacun de réaliser un site internet en toute autonomie, tout en ayant un résultat de qualité, un site performant et actuel. Les mots d’ordre de ce projet : accessibilité, facilité, qualité.

La version beta

Cette version sera donc les prémices de l’outil et elle sera complétée petit à petit jusqu’à aboutir à une version plus complète début 2010. L’outil restera de toute manière évolutif car c’est l’une de ses particularités!

A bientôt donc pour l’annonce de la sortie sur la toile de notre outil de création de site internet!

Le meilleur est à venir ….

Si son nom vous évoque son célèbre validateur XHTML, ce dernier ne constitue qu’une infime partie de son travail, ses missions étant très étendues et plus passionnantes les unes que les autres !

Qui est-il ?

Crée en 1994, le World Wide Web Consortium (W3C) est un organisme de « normalisation » dédié à la mise en place de standards afin d’assurer la pérennité et la compatibilité des différents formats du web.

Constitué d’une équipe fixe (environ 70 personnes) et d’un peu plus de 400 membres, issus de secteurs variés tels que l’industrie, la recherche ou encore  l’enseignement, il est financé par les cotisations de ces derniers.

Il me semble important de souligner qu’il s’agit d’un organisme à but non lucratif et qu’il ne joue pas un rôle législatif mais uniquement consultatif.

Le Consortium est piloté par 3 organismes :

• le Laboratoire d’Informatique et d’Intelligence Artificielle du MIT (États-Unis),
• l’Université de Keio (Japon),
• l’Institut National de Recherche en Informatique et en Automatique (France).

Hôtes permanents du W3C, ils mettent à  sa disposition des locaux et l’ensemble des services qui facilitent ses missions (documentation, ressources techniques, laboratoires).

Quel est son rôle ?

Le W3C agit à l’échelle internationale, en « inventant et en promouvant des langages et des protocoles universels, qui garantissent l’interopérabilité et une évolution homogène, décentralisée et standardisée du Web », selon les propos de l’un ses membres.

Ainsi, l’un de ses principaux travaux est la mise au point de standards et de spécifications techniques du Web.
Ces derniers sont publiés sous la forme de recommandations consultables directement sur le site du W3C.

Pour simplifier, voici ses principales motivations :

• Un Web accessible
  Rendre accessible à tous, cette source infinie d’information qu’est internet, que nous utilisions un simple navigateur Web, un synthétiseur vocal, un affichage braille ou encore un téléphone mobile.
• Un Web universel
  Un modèle stable et homogène, grâce auquel cette source infinie d’informations soit rendue disponible auprès du plus grand nombre.
• Un Web évolutif
  Une conception du Web simple et extensive pour permettre d’intégrer les futures innovations (par exemple, le Web mobile), Internet et ses nouvelles technologies étant en constante évolution.
• Un Web décentralisé
  Préserver ce média de tout contrôle de type pyramidal ou hiérarchique.

Un exemple d’actualité : le rôle du W3C dans le HTML5

Après avoir abandonné le XHTML 2.0 pour cause d’insuccès, le W3C travaille sur la standardisation du nouveau HTML. Il se base sur les recherches et développements du WHATWG, une collaboration non officielle des différents développeurs de navigateurs web, qui a initié cette implémentation du langage de balisage Web.

Ses groupes de travail destinés au HTML5 œuvrent à mettre en place une série de nouvelles recommandations/spécifications tout en garantissant la compatibilité de l’existant (HTML 4, XHTML 1.0).

Vous souhaitez en savoir plus sur le HTML5 ?
Consultez les articles de Cyril :

• HTML 5, vers un web plus sémantique
• Compléments d’informations sur la balise vidéo de HTML 5

Quels sont ses outils ?

Afin de nous aider à développer des sites Web dans le respect des standards, le W3C met à notre disposition plusieurs outils de validation :

• Validateur HTML
• Validateur CSS
• Validateur d’hyperliens
• Feed Validation Service, un service officiel de validation de flux du W3C, qui vérifie la syntaxe de Atom ou RSS.
• Validateur W3C Multipages, un outil qui permet de valider notre site Web en entier et d’un seul coup.

Pour se démarquer comme un site Web conforme au W3C, les développeurs y apposent un logo. Voici un petit échantillon de ceux que vous rencontrez :

Mais la plupart d’entre eux ne filoutent-ils pas en insérant cette marque de qualité ? Est-elle réellement justifiée sur leur site Web ? Voici un article qui réagit à ces interrogations.

Qu’est-ce-que le WAI ?

En 1997, le World Wide Web Consortium lance la Web Accessibility Initiative (WAI) destinée à solutionner les carences d’accessibilité du Web.

Ce projet se partitionne en 5 axes majeurs :

• Développer des guides pour l’accessibilité
• Assurer la compatibilité entre les principales technologies du Web et l’accessibilité
• Développer des outils pour évaluer et faciliter l’accessibilité
• Gérer la formation et l’information
• Se coordonner avec la recherche et le développement avancé

Pour aider les sites web à rendre leur contenu plus accessible, le WAI publie un guide, le WCAG2.0, regroupant un certains nombre de règles, réparties en 3 niveaux de conformité.

Une version française, créee dans un souci d’accessibilité aux ressources, est disponible pour permettre au plus grand nombre de le consulter et le mettre en pratique.

Le W3C et le web mobile

Un des tous derniers cheval de bataille du W3C est le Web mobile car force est de constater que les versions mobiles de la plupart des services mobiles ne sont pas compatibles entre eux.

Pour confirmer l’importance de cette mission, Dominique Hazaël-Massieux, directeur de l‘initiative Web mobile pour le W3C, précise que « La convergence des technologies du Web mobile offre une meilleure expérience aux utilisateurs mobiles et s’inscrit dans la mission du W3C visant à créer Un seul Web ».

Pour cela, en juillet 2008 est sorti le guide Les meilleures pratiques du Web Mobile 1.0… mais ce sujet sera le thème d’un prochain billet…

Joindre un blog à ce site institutionnel ou à une boutique en ligne est une pratique de plus en plus courante dont on peut attendre de nombreux avantages (sous certaines conditions évidemment).

Facile et économique à mettre en place :

Wordpress

La publication de contenu sur un blog est aisée, grâce au système de gestion de contenu des plateformes de blogs (wordpress, typepad, dotclear…), et le coût de revient est inférieur à celui d’une création de sites internet classique.

La base existante peut se moduler selon les besoins (ajout d’extensions pour le référencement, la gestion des commentaires, un calendrier, la gestion des articles relatifs…) et une charte graphique personnalisée peut y être appliquée.

Pour un résultat professionnel et un blog adapté à vos envies, je vous conseille de faire appel à un expert du web qui s’occupera de son installation, de la configuration et de l’intégration html/css du design.

Un média de communication :

Le blog professionnel fait partie intégrante de la stratégie de communication d’une entreprise. Il permet de diffuser des informations régulièrement et d’en maîtriser le contenu tout en adoptant un ton plus libre et moins officiel.

C’est un outil réactif et complémentaire qui inscrit la communication dans l’immédiateté et la modernité.

En définissant une ligne éditoriale claire et en proposant un contenu de qualité, une société peut se positionner comme expert de son activité et contrôler son image sur le média internet : le blog apporte une dimension d’accessibilité et de proximité et renvoie l’image d’une entreprise humaine, impliquée et au fait de l’actualité de son secteur.

Un moyen de fidélisation et de dialogue :

Le blog est aussi un espace d’échange et d’expression. Du côté de l’entreprise, cela passe par un partage de son savoir-faire, de ses réflexions, de la vie de la société et de son activité. En retour, les clients, visiteurs curieux, partenaires et collaborateurs s’expriment par les commentaires.

S’instaure alors un dialogue entre la société et les lecteurs du blog, qui peut se révéler particulièrement constructif: installation d’un climat de confiance, meilleure communication sur l’activité de l’entreprise, échange d’expériences, veille professionnelle (écoute des avis et des besoins, réaction en temps réel).

Ce rapport mérite d’être entretenu afin de générer une relation sur le long terme et une fidélisation. Pour cela, le blog offre plusieurs outils comme l’inscription à la newsletter, l’abonnement aux flux Rss, les liens vers twitter ou page facebook…

Un outil de promotion et de prospection :

Le blog pro permet d’étendre sa visibilité sur internet, il favorise le développement de la popularité naturelle (principe de l’échange de liens, des citations par d’autres bloggeurs, de la reprise de contenus…) et accroît les occasions de prises de contact avec de nouveaux partenaires et clients.

Il est donc utile pour promouvoir son entreprise, informer et faire découvrir ses services et produits et attirer de nouveaux prospects.

Bien utilisé, il peut apparaître comme un outil de vente à part entière : un article consacré à un produit par exemple (voir l’article consacré à notre service web Terra-Octet), avec de nombreux détails et une mise en situation, peut conduire vers l’acte d’achat en rassurant le potentiel client, en répondant à ses questions et en l’aidant à choisir.

Un véritable atout pour le référencement :

Comme dit précédemment, le blog profite d’une exposition importante due à son mode de promotion particulier et ses différents canaux de diffusion : citation sur d’autres blogs, annuaires spécialisés, forums, digglikes et social bookmarking…

Ajoutés à cela les optimisations techniques propres aux systèmes de blog (renommage des urls, rétrolien, personnalisation des métas, principe des tags…) et le rafraîchissement régulier du contenu, à la fois riche et dense, les blogs sont particulièrement appréciés des moteurs de recherche.

Cela résulte en une bonne réactivité des mots clés et un bon positionnement (souvent meilleur à celui d’un site institutionnel).

Il est judicieux de profiter de ces atouts pour apporter de la notoriété au site classique en faisant des liens vers des pages internes sur des mots clés utilisés dans les articles et en le dynamisant en affichant par exemple les derniers billets du blog sur la page d’accueil.

De nombreux avantages, mais des conditions de réussite!

Bien sûr, ces retours positifs n’arrivent pas sans efforts. Pour atteindre ces objectifs (et c’est une réflexion qu’il vaut mieux avoir avant même d’ouvrir un blog professionnel), il faut être prêt à y consacrer un minimum de temps.

En effet, un sérieux travail doit être effectué en amont, lors de la création du blog et de la définition de la ligne éditoriale, mais il doit aussi perdurer tout au long de la vie du blog : rédaction et alimentation du blog en billets, réponses aux commentaires, maintient de la qualité du contenu, travail de promotion, régularité de la diffusion.

Une autre notion importante à prendre en compte lorsque l’on entreprend de créer un blog professionnel : la patience. En effet, l’audience d’un blog, tout comme le référencement naturel, s’acquiert avec du temps et du travail.

A venir prochainement pour compléter cet article :

Des recommandations pour la rédaction des articles de blogs, des conseils pour promouvoir son blog professionnel, des idées de sujets d’articles pour les boutiques en ligne…et si vous avez une demande en particulier, n’hésitez pas!

Bandeau du Site Agence Web Nethik

L’occasion d’en savoir un peu plus sur notre agence web avec une petite présentation dans la rubrique « Qui sommes nous« , des détails sur nos services internet dans la catégorie « Nos produits« , une page consacrée à nos dernières « réalisations de sites internet » dont la boutique en ligne Keladeco et enfin, toutes nos coordonnées sur la page « Contact« .

Si vous désirez vous tenir au courant des actualités de l’agence, n’hésitez pas à vous inscrire par e-mail ou par Rss sur ce blog ou bien à nous rejoindre sur Facebook : vous pouvez au choix, devenir Fan ou bien faire partie des « followers » du blog.