Menu d'interactions

Déplié

Positionnement intelligent

Fonds multiples

• méthode 1 : définir au niveau d'une section une option de variante de thème.
  Par exemple "variant_montheme".
  Uploadez ensuite par FTP une image nommée background_montheme dans le répertoire /images du thème.
  Le thème va afficher automatiquement l'image en fond pour la section et tous ces descendants.
• méthode 2 : fournir au niveau d'une page une "image de page".
  L'image de page sera utilisée pour le fond, en priorité d'après la méthode 1.
  Dans le cadre d'une section le fond est cascadé sur un niveau inférieur seulement.

Notez que la méthode 1 affiche le fond lors de l'édition des pages, ce qui n'est pas le cas de la méthode 2 (le fond par défaut est utilisé à la place, ou une variante définie aux niveaux supérieurs de la page).

Pour la méthode 2, attention au redimensionnement des images par YACS. Voici la procédure la plus rapide pour attribuer un fond sur un serveur YACS Martin :

• allez sur la page concernée, cliquez sur "modifier la page" dans outils (en haut) ;
• cliquez sur l'onglet "média" ;
• cliquez sur le bouton "ajouter" pour la ligne "image de page" ;
• donnez votre fichier, l'image est chargée, mais à cet instant elle est retaillée aux dimensions d'une vignette !
• cliquez sur le lien "ajouter une autre image" en dessous du message de notification ;
• redonnez le même fichier ;
• dans les options, si vous êtes de niveau d'accès associé, cochez "ne pas redimensionner l'image". Si vous êtes simple membre, vous tombez sous le coup des limites pour grandes images, paramètres du serveur ;
• l'image de page est maintenant aux bonnes dimensions, retournez à la page principale pour voir le résultat.

Concernant la méthode 1 avec variantes de thème, il faut savoir que YACS génère déjà des marquages de variantes selon les pages affichées. Par exemple "users", "categories, "control", "sections", "articles", etc.
En fournissant par exemple une image "background_users.jpg", celle-ci s'affichera automatiquement pour l'index des utilisateurs, les profils, la page d'authentification.

Consultez dans le source HTML l'identifiant de la "balise body" pour connaître la variante de la page.

Menu en boutons 3D

Menu en boutons

Feuille de style CSS3

Titre et fil d'Ariane

Onglets, en-têtes et menu

Personnaliser et dériver ce thème

Idées d'utilisation

Spécifications

• En-tête, colonne latérale, corps de page, pied de page, barre d'interactions
• Positionnement absolu, blocs toujours visibles
• 2 colonnes + une barre d'interactions dépliable au survol
• Menu en boutons 3D
• Onglets de navigation
• Fil d'Ariane
• Validité XHTML 1.1
• Feuille de style CSS3
• Police embarquée
• Rendu maximum avec le navigateur Firefox 3.5+
• Scripts très commentés, basés sur le thème Mu

Mu theme for yacs Thème graphique MU
Mu est le symbole du vide dans la philosphie zen... mais le vide est "plein", et engendre la création !

Plus concrètement j'avais un besoin personnel d'avoir un thème épuré, notamment des nombreuses règles de mise en page des feuilles de style CSS, très fournies dans les thèmes de référence.

Un thème qui ne présente quasiment pas de parti pris, qui permette de bien visualiser les blocs HTML produits par le moteur YACS et aussi les choix induits par la feuille de style interne yacs.css.

C'est donc moins un thème graphique destiné à l'utilisation en production, que pour en démarrer un nouveau, ou bien pour développer de nouvelles fonctionnalités au niveau des scripts du noyau, et ce, sans rencontrer d'interférence relative à des choix spécifiques de mise en page. J'ai renforcé les explications dans les commentaires du code.

Ce que comporte ce thème :

• une feuille de style minimaliste de 2 ko, juste pour positionner et identifier les blocs ;
  
• un affichage sur 3 colonnes + en-tête et pied de page ;
  
• la gestion des onglets de Yacs (remaniée) ;
  
• le fil d'Ariane ;
  
• un favicon alternatif ;
  
• la mise en page spécifique pour l'impression ;
  
• la validité XHTML 1.1.

la RA pour jouer

Projet SCOPE

Virtual Earth

Sous-titres disponibles mais pas en français

Réalité biaisée ?

Pensons-y

GIT se prononce "guitte".

" Le magazine PC World nous apprend que « quand on lui a demandé pourquoi il avait appelé son logiciel "git", qui est à peu près l'équivalent de « connard » en argot anglais, Linus Torvalds a répondu « Je ne suis qu'un égocentrique, donc j'appelle tous mes projets d'après ma propre personne. D'abord Linux, puis Git. » " "

Pré-requis

GIT bases

Initializing working directory

Adding Files

testgit.html

<html>
<head>
    <title>Test pour GIT</title>
</head>
<body>
    <h1>/(bb|[^b]{2})/</h1>
        <div>
        <span>.-"""-.</span><span>/ _  _ \</span>
        <span>??  ](_' `_)[  ??</span><span>`-. N ,-'</span>
        <span>|===|</span><span>`---'</span>
    </div>
</body>
</html><

Commit Changes

Branching

modifs sur testgit.html et ajout style.css

<html>
<head>
    <title>Test pour GIT</title>
    <link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
    <h1>/(bb|[^b]{2})/</h1>
    <div>
        <span>.-"""-.</span><span>/ _  _ \</span>
        <span>??  ](_' `_)[  ??</span><span>`-. N ,-'</span>
        <span>|===|</span><span>`---'</span>
    </div>
</body>
</html>

h1 {
    text-align : center;
    color : firebrick;
}

div {
    margin : 40px
}

div span {
    display : block;
    text-align : center;
    font-family : monospace;
}

feuille de style style.css

En fonction de la branche active, GIT change dynamiquement le contenu de votre répertoire de travail.

Merging

modifs sur test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
    <title>Test pour GIT</title>
</head>
<body>
    <h1>/(bb|[^b]{2})/</h1>
    <div>
        <span>.-"""-.</span><span>/ _  _ \</span>
        <span>??  ](_' `_)[  ??</span><span>`-. N ,-'</span>
        <span>|===|</span><span>`---'</span>
    </div>
</body>
</html>

Merging conflict

Upgrading a fork

Indexing a Yacs serveur

Branching to customize

listage des utilisateurs par nom

/**
     * list alphabetically users assigned to an anchor
     *
     * Only users matching following criteria are returned:
     * - user is visible (active='Y')
     * - user is restricted (active='R'), but surfer is a logged user
     * - user is restricted (active='N'), but surfer is an associate
     *
     * @param the target anchor
     * @param int the offset from the start of the list; usually, 0 or 1
     * @param int the number of items to display
     * @param string the list variant, if any
     * @param string an id to avoid, if any
     * @return NULL on error, else an ordered array with $url => ($prefix, $label, $suffix, $icon)
     *
     * @see categories/view.php
     */
    function &list_users_by_names_for_anchor($anchor, $offset=0, $count=10, $variant=NULL, $to_avoid=NULL) {
        global $context;

        // locate where we are
        if(!$variant)
            $variant = $anchor;

        // limit the scope of the request
        $where = "users.active='Y'";
        if(Surfer::is_logged())
            $where .= " OR users.active='R'";
        if(Surfer::is_associate())
            $where .= " OR users.active='N'";
        $where = '('.$where.')';

        // avoid this one
        if($to_avoid)
            $where .= " AND (users.id != '".SQL::escape($to_avoid)."')";

        // the list of users
        $query = "SELECT users.*    FROM ".SQL::table_name('members')." AS members"
            .", ".SQL::table_name('users')." AS users"
            ." WHERE (members.anchor LIKE '".SQL::escape($anchor)."')"
            ."    AND (members.member_type LIKE 'user')"
            ."    AND (users.id = members.member_id)"
            ."    AND ".$where
            ." ORDER BY users.full_name, users.nick_name LIMIT ".$offset.','.$count;

        // use existing listing facility
        $output =& Users::list_selected(SQL::query($query), $variant);
        return $output;
    }

implémentation option users_by_name

// list items by date (default) or by title (option 'users_by_title')
        $offset = ($zoom_index - 1) * USERS_LIST_SIZE;
        $items =& Members::list_users_by_posts_for_anchor('category:'.$item['id'], $offset, USERS_LIST_SIZE, 'watch');

par :

// list items by date (default) or by name (option 'users_by_name')
        $offset = ($zoom_index - 1) * USERS_LIST_SIZE;
        if(preg_match('/\busers_by_name\b/i', $item['options']))
            $items =& Members::list_users_by_names_for_anchor('category:'.$item['id'], $offset, USERS_LIST_SIZE, 'watch');
        else
            $items =& Members::list_users_by_posts_for_anchor('category:'.$item['id'], $offset, USERS_LIST_SIZE, 'watch');

Vous pouvez copier votre répertoire de travail, toutes les informations de GIT seront également dupliquées puisqu'elles sont dans le répertoire .git, et pourront êtres manipulées de manière distincte de l'original.

Un intérêt est de placer votre répertoire de travail pour le faire également tourner sous XAMPP par exemple. Dans ce cas vous pouvez avoir besoin d'éliminer certains fichiers de l'indexation GIT, moyennant la déclaration d'un fichier .gitignore.

Rebasing to upgrade

conflict in view.php

<<<<<<< HEAD:categories/view.php
        $items =& Members::list_users_by_posts_for_anchor('category:'.$item['id'], $offset, USERS_LIST_SIZE, $layout);
===
        if(preg_match('/\busers_by_name\b/i', $item['options']))
            $items =& Members::list_users_by_names_for_anchor('category:'.$item['id'], $offset, USERS_LIST_SIZE, 'watch');
        else
            $items =& Members::list_users_by_posts_for_anchor('category:'.$item['id'], $offset, USERS_LIST_SIZE, 'watch');
>>>>>>> added alpha order option for listing users on catergories:categories/view.php

Conclusion

Le taf

Par le passé j'ai travaillé comme ingénieur d'études, dans l'informatique industrielle. Je me suis maintenant tourné depuis vers une activité plus créative et en temps choisi. J'ai dans un premier temps développé mon activité au sein de la Coopérative Artenréel (métiers artistiques et culturels), ce qui m'a permis de renforcer mes bases en gestion et de m'initier aux fondamentaux coopératifs.

Rair et Yacs

RAIR c'est mon pseudo formant un acronyme récursif (Raimbault Alexis Is Rair) et YACS est mon outil préféré pour la construction de sites web. C'est un logiciel libre, et je fais partie de son équipe de pilotage, participe au support des usagers et à son développement logiciel.

Networks

Je m'inscris actuellement dans les réseaux suivants :

• Yacs.pro au niveau national. Il rassemble les professionnels usant de Yacs, et leur permet d'initier des projets en coopération ;
  
• Réseau d'artistes, au niveau local. Des rencontres suite à mon passage dans la Coopérative Artenréel, mais aussi de par ma compagne Laurence Mellinger, elle-même artiste plasticienne. J'ai de fait réalisé plusieurs sites originaux pour des artistes.

Auto-entrepreneur

Statut de liberté et de simplicité.
Commes mes prestations sont fiscalement exemptées de la facturation de TVA. Recourir à mes services est avantageux pour ceux qui ne la récupèrent pas.

Voyages

Deux aventures intéressantes :

• en 1998-1999, France-Australie à vélo, en compagnie de mon frère Mickaël.
• en 2004-2005, quatre mois à Taiwan puis retour par voie de terre et mer sur 3 mois, avec ma compagne Laurence.

Hobbies

Ce à quoi je consacre le plus de temps, c'est la pratique du Wing Tsun Kuen, un kung-fu pragmatique, sensitif et fulgurant.

Art and science of webmastering

C'est pas un peu présomptueux ?
Certes mais il faut se vendre, et je crois en ma progression.

Coordonnées

Tel : 03.89.06.42.49
Mobile : 06.09.92.29.54
Mail : rair@cybermedium.info
Localisation : Mulhouse, sud Alsace

Le site existait déjà, en HTML, produit de dreamweaver.
Le problème (classique) c'est qu'une seule personne pouvait le mettre à jour, et que bien sûr cette personne était débordée.

Alors ils ont imaginé une gestion de contenu : pouvoir se répartir les tâches. L'association gère des équipes nombreuses et productives, notamment lors de son festival annuel "6 pieds sur terre". Les échanges par mails devenaient pénibles à suivre et les transferts de fichiers par FTP étaient une interface très peu ergonomique. Aussi, si le nouvel outil pouvait aider à mieux s'organiser, ce serait un avantage.

Le résultat les a comblés. Non seulement le design de Beko a pu être fidèlement integré dans le mécanisme du CMS, mais surtout les fonctionnalités d'extranet de YACS sont bluffantes. Pouvoir créer des forums pour chaque sous projets, pouvoir déposer des fichiers, sont les principales utilisées, mais YACS en reserve d'autres...

Accueil

Au 30 juin, Celui qui possède une page placée en tête de liste résultat des moteurs après une recherche sur le mot "motercalo" gagne.

Thierry, c'est un collègue yacsien lancé dans la course, avec une propulsion yacs. Cet article, c'est pour lui donner un micropouillème de page rank, grâce au lien. Souhaitons du succès à la principauté de Motercalo !

Page "découverte"...ou sites à forte personnalisation.
S'il est des gens qui souhaitent expressément un site à leur image, ce sont les artistes. Il faut alors sortir des canevas classiques et proposer du sur-mesure, et par la même bien connaitre son outil pour l'accorder aux présentations les plus originales.

Classeur de documents Le courriel est maintenant complément démocratisé et massivement utilisé pour les échanges autour de projets. Et si on pouvait être plus efficace ?
Un extranet permet d'organiser les échanges, d'archiver (textes, fichiers...). Et ce quel que soit l'endroit où vous vous connectez. Entreprises, associations, un site peut devenir plus qu'une vitrine et vous servir en interne pour coordonner les contributions de vos équipes et mieux diffuser les informations.

Des dates, des calendriers, des activités : un site événementiel doit posséder un design attrayant, une ergonomie rapide même si l'arborescence est dense, une gestion efficiente et accessible par différents collaborateurs.

" 'SixthSense' attempts to free information from its confines by seamlessly integrating it with reality, and thus making the entire world your computer. "

• L'aspect santé. L'homme est coincé devant son clavier et son écran, qui forment un goulot d'étranglement. Grâce à SixthSens, l'homme retrouve dans le cybermonde des gestes naturels, alors même qu'il s'immerge dans les données ;
• L'esprit : Selon Pranav, la technologie est peu coûteuse, et diffusée en open-source pour que "tout le monde puisse fabriquer soi-même son interface"

la présence sur Internet est importante aujourd'hui, et c'est valable aussi pour les artistes.

Après un temps à maintenir son "over-blog", Dany décide de passer à la classe supèrieure avec un site dédié et personnalisé.

Il conserve le côté rapide et pratique du blog (récits de voyages) mais avec une arborescence qui lui permet de mieux présenter ses oeuvres.

Mais surtout il acquière un design personnalisé, dans lequel il s'est lui-même impliqué, en concevant la bannière qui sert aussi d'élément de navigation, ainsi que toutes les icônes des rubriques du site.

Le résultat est un site pratique, beau et unique.

Accueil

Rubriques

Galerie & Blog

Cinq projets avec le CMS YACS :

• Refonte du site du centre culturel Crea-Kingersheim ;
  
• Intégration du site le l'Association Les Sheds dans une solution avec une gestion de contenu, Extranet ;
• Extranet pour la Coopérative Artenréel ;
  
• Site pour l'artiste Dany Mellinger ;
  
• Site et Extranet pour le collectif de céramistes "prochain arrêt la terre".

CREA

Les Sheds

Artenréel

Dany

PALT

Depuis septembre 2008 je participe à la communauté du logiciel de gestion de contenu YACS (Yet Another Community System).

• mon profil sur yacs.fr
  

Après un peu plus d'une année de présence, et plusieurs sites réalisés (dont une bordée encore dans les cartons), mes efforts sont récompensés par une invitation à d'intégrer le comité de gestion.

C'est une bonne nouvelle : Yacs est vraiment un CMS génial, et c'est avec grand plaisir que je rejoins son équipage, en commençant en qualité que modérateur du forum de support.

Longue vie à Yacs !

Le challenge pour ce site était de présenter les pièces de l'artiste de manière ludique, comme si le visiteur pouvait se rapprocher du bijou, le manipuler, le caresser.

Mais il fallait également présenter un design personnalisé, ralentir le rythme du surfeur dès l'accueil, pour le plonger dans un univers, sans toutefois effacer la présentation des pièces (saisissantes par les photos de Benoît de Carpentier).

Techniquement enfin, le site devait pouvoir être alimenté facilement par l'artiste elle-même (actu, photos, discussions...), et surtout être bien optimisé pour l'indexation par les moteurs de recherche.

En utilisant le CMS Yacs pour la structure, et quelques bibliothèques JavaScript pour les effets, nous sommes arrivés à un résultat équilibré entre originalité et ergonomie, le tout propulsé par un solide socle technologique.

Page d'accueil

Page "découverte"

Page galerie

Le cauchemar du webmaster est de devoir développer un site plusieurs fois pour chaque navigateur. Heureusement, depuis quelques années, les standards W3C du web se sont imposés et le respect des standards et devenu pour un navigateur un gage de qualité. Le rendu des pages, selon les navigateurs, converge vers un aspect identique.

Néanmoins le surfeur lambda n'est pas au courant de cela, et le navigateur "papy ie6" est encore bien répandu. Si les webmasters s'échinent à faire fonctionner leurs sites pour ie6, comment les surfeurs sentiraient le besoin de mettre leur navigateur à jour ?

C'est pourquoi depuis février 2009, un ensemble d'acteurs du web a décidé d'afficher aux utilisateurs d'ie6 une bannière incitant à mettre leur navigateur à jour ou à en utiliser un autre.

Plus d'internet explorer 6 !

Robin est comédien, et se met actuellement en scène dans un spectacle de lecture pour enfants.
Novateur, il imagine pour l'occasion une continuité du spectacle sur le web, en proposant aux enfants une interaction, encadrée par leurs enseignants.

Chaque représentation donne lieu à une "récolte" des impressions exprimées par les enfants. Chaque livre proposé possède une fiche que l'on peut commenter, à la manière d'un forum.

Le site montre les autres activités de Robin (interventions) et s'étendra à mesure des nouveautés.

Les illustrations du site ont été réalisées par Martine Maso, et l'intégration HTML et les animations assurées par moi-même.

Le site est propulsé par Yacs, un CMS qui permet de déployer rapidement un site communautaire avec une gestion simple pour l'utilisateur final. Le design du site comporte des variations suivant la page. Ainsi chaque spectacle aura sa propre présentation.

Accueil

Livreur du rêve

La Web Science Research Initiative (W.S.R.I.) regroupe d'éminents spécialistes dans le but de produire une base scientifique permettant de s'informer sur les futures aspects et usages du world wide web.

Extraits traduits depuis le site de la W.S.R.I. :

Qu'est-ce que la science du web ?

" Malgré l'énorme impact du web sur la société, nous ne connaissons étonnamment que très peu à son sujet [...]. La science du web consiste à utiliser nos connaissances dans les domaines comme l'informatique, l'information, l'économie et les sciences sociales pour developper une compréhension plus profonde du web lui-même, et savoir comment créer des nouvelles applications pour le web et/ou comprendre ses impacts sociaux. "

" Le web est un espace conçu par ingénierie aux moyens de langages et protocoles précis. Cependant, parce que les humains sont créateurs des pages web et des liens entre elles, leurs interactions forment des systèmes émergeant à l'échelle macrosopique. Ces interactions entre humains sont, à leur tour, régies par les conventions sociales et les lois. La science du web, en conséquence, doit être intrinsèquement interdisciplinaire ; son but est à la fois de comprendre le développement de l'internet et créer des approches qui permettent l'émergence de nouveaux systèmes plus bénéfiques. "

Aujourd'hui les activités de la W.S.R.I. consistent surtout en la conduite de séminaires de réflexions et de rassembler des publications.

En France, le site Masterwebscience, formé par le Centre de Recherche Interdisciplinaire (Université Paris Descartes) et la Cantine (espace de travail collaboratif en réseau, Paris), adopte une démarche similaire, dans le but de créer un cursus universitaire pour former les acteurs et créateurs du web de demain. (Voir le Master Approches Interdisciplinaires du Web, master pour le moment expérimental créé en 2008.)

Toujours face à la complexité et le développement de l'Internet, les membres du groupe des explorateurs du web proposent de vulgariser leurs expériences des nouveaux usages du web pour le public, voire même d'inventer de nouveaux usages.

Qu'il faille une science pour comprendre le web ou bien que l'on puisse l'arpenter tels des explorateurs du 19ème siècle, voilà qui démontre son étendue et son orientation.