Summer festival NWX – réunions collaboratives pour un meilleur business plan

24 juin 2015

Je serai demain au summer festival NWX de l’été à Rouen pour présenter un retour d’expérience sur la réalisation de réunions collaboratives créatives sur le site Fendzy

La présentation parlera du protocole mis en place ainsi que du phasage des réunions afin de réaliser des parcours de navigation, des personas, et des structures de pages en collaboration avec le client.

Ce projet est générateur de beaucoup de satisfactions à l’intérieur de l’équipe et surtout de beaucoup d’envie grâce à la mise en place d’une vision sur le long terme.

Je sais après l’argent à Sudweb et maintenant le business à Rouen, je tourne vers le commercial, mais faut assister aux présentations pour savoir qu’il s’agit avant tout d’humain.

Pas de vue, pas de prix à Sudweb 2015

21 mai 2015

Les semaines avancent sans sortir les articles qui mériteraient une publication. Comme chaque printemps, je suis surtout concentré sur des présentations.

Les sujets ne traitent pas des nouvelles technologies qui vont permettrent de sauver l’humanité et nous amener vers un avenir meilleur. Non, comme toujours je parle du présent et de la difficile tâche de création de valeur.

Choisir sa grille CSS

Pour les NWX conférence web design, j’ai décidé de présenter un état des lieux sur les grilles CSS. Comment elles ont évolué depuis 5 ans dans leur usage.

La conclusion ouvre sur le besoin de maîtriser ses outils de réalisation de grilles afin de pouvoir composer des interfaces optimisés pour chaque type d’écran.

Pas de vue — pas de prix

5 minutes pour parler de l’état d’esprit qui permet de passer du forfait à la régie.

5 minutes pour montrer que l’objectif d’un client est d’en avoir pour son argent. Et que c’est avec celui qui a conscience de la valeur qu’il faut travailler.

Le programme de Sudweb 2015.

Cours IUT – environnement de développement

15 avr 2015

En arrivant, je présente le contexte.

Vous arrivez dans une agence. C’est votre premier jour. On vous donne une machine vierge sur Linux. Votre premier projet commence demain. Vous devez installer votre environnement de développement qui vous permettra de développer votre premier maquette HTML/CSS.

Idée et contrainte

L’idée de cette session est de préparer les élèves à installer leur environnement de développement ; comprendre que la configuration de la machine est essentielle pour travailler avec l’équipe en place.

Le choix est motivé par la décision d’enseigner Git et par l’impossibilité de pouvoir configurer leur machine à cause des droits administrateur. Je profite qu’ils disposent d’une machine virtuelle installée lors d’un autre cours.

Les conditions

L’exercice est collectif. Tout le monde a les points à condition que chacun ait répondu à l’exercice ; c’est-à-dire que chacun ait une page github.

Le principe n’est pas banal et contraire aux préceptes de l’éducation nationale qui demande une évaluation individuelle. Seulement, le premier jour en entreprise, tout se joue sur sa faculté à lever les fesses de sa chaise et aller discuter avec les autres.

Ils doivent se débrouiller seuls, je suis là pour les guider et répondre à leur question. Je ne donne pas de procédure.

L’installation

Apache

Je leur demande d’installer Apache et de modifier leur répertoire de travail. L’exercice va se révéler complétement inutile puisque nous n’utiliserons pas Apache, mais il permet de comprendre la complexité de la chose.

Dès cette phase, nous avons des élèves qui se soutiennent entre eux, et des élèves qui soutienne un peu le professeur, car il ne connait pas assez linux.

Ruby / Jekyll

Après avoir installé Apache, nous passons à Ruby / Jekyll. Les commandes ne sont pas les mêmes, il faut essayer d’expliquer ce qu’est Ruby et le principe des Gems. Il n’y a pas que PHP dans la vie.

Les élèves comprennent bien le copier/collé. Ils y arrivent surtout quand ils copient sur les bons articles ; leur capacité de recherche ne sont pas toujours au point. Ils pratiquent le « je teste, je verrai bien » ; ce qui n’est pas une mauvaise chose.

Les aptget sont plutôt faciles à faire sur Linux. On commence à essayer à mettre en place Jekyll. Mais, je découvre après recherches que l’installation de la dernière version n’est pas si évidente. Cela ne marche que si on installe une version dev de Ruby (documentée sur un article). Grosse panique derrière mes 14 élèves mais on peut dire que ça fait partie de l’exercice (on apprend en apprenant aux autres).

C’est à peu près à se niveau, en fonction des classes, que la première partie du cours se termine. Il faut 3 heures pour arriver à avoir un Jekyll fonctionnel. Cet article décrit donc 6 heures d’ateliers

Jekyll et Git

Pour voir Jekyll est fonctionnel, on crée un petit fichier index.html et on lance le serveur. Rien de compliqué en soit mais avec 14 configurations différentes, il faut faire pas mal de pédagogie et de débuguage.

On teste les commande Git.

Github Pages

Un des points phare du cours, la création de leur compte Github et la configuration d’un Github Pages pour la réalisation de leur éventuel portefolio professionnel.

Un par un, je les aide à comprendre à se retrouver dans le tutoriel. Il faut créer le dépôt avec le nom approprié (penser au readme) et récupérer ce même dépôt sur leur machine.

L’excercice n’est validé qu’à condition que je sois collaborateur de leur dépôt.

Conclusion

La première expérience de cet exercice donne pas mal de sueurs froides car on se lance dans un exercice dans lequel pas mal de paramètres ne sont pas maîtrisés. Ce qui m’a poussé à faire ça a été qu’ils disposent d’un compte Github, élément essentiel à la recherche de stages et d’emplois.

Ça aura certainement été le cours le plus difficile à préparer ; seulement maintenant, je vais pouvoir enseigner le fonctionnement des « templates » et « moteurs de template » avec Jekyll.

Cours IUT – instancier un Tumblr

27 fév 2015

Le deuxième cours s’est penché sur la réalisation d’un blog sur Tumblr. L’objectif étant de découvrir ce service et d’analyser les types de contenu qu’il propose.

Exercice 1 : Découverte

Pendant une dizaine de minutes, les élèves doivent parcourir plusieurs sites de la plateforme pour voir comment il est utilisé par ses différents acteurs.

Si cette étape permet de faire un peu de découverte, j’ai été un peu déçu par la capacité des élèves à noter les principes stratégiques. Pour moi, ils auraient dû essayer de voir quelques partis pris pour savoir comment valoriser leur contenu, mais la suite m’a montrer ce principe ne leur est pas familié. Si une petite partie d’entre eux est intéressé par le web, la passion n’est pas ce qui les caractérise.

L’exercice reste néamoins important au niveau de la démarche ; pour qu’ils apprennent à ne pas se jeter trop vite dans le code.

Exercice 2 : réalisation d’un corpus documentaire

Suite à cette petite découverte. J’ai pris un petit quart d’heure pour leur expliquer comment fonctionne le service. Le principe du mur de publication et ses différents types de contenu, ses paramètres, etc…

Dans Tumblr, il est possible de publier des contenus en fonction de leur type : billet, citation, image, vidéo,… Pour que le concept (primordial) de type de contenu rentre bien chez les élèves (c’est-à-dire que la forme, le fond et la structure sur le web sont liés), je leur ai demandé de trouver un thème pour la réalisation d’un blog et de chercher sur le web les types de contenus pour éditer leur site.

Cet exercice consiste à comprendre que la réflexion sur le contenu qu’on veut publier passe avant la réalisation graphique ou fonctionnelle qu’on espère avoir. Ainsi, les élèves doivent d’un côté rédiger une fiche de définition avec leur différents paramètres, plus leurs mots clefs de recherche, et d’un autre côté collecter des données qu’ils devront ranger et renommer dans des répertoires.

C’est aussi une manière de les mettre dans la peau d’un rédacteur web ou d’un community manager.

Exercice 3 : intégration et étude du code

Une fois la définition du site et le corpus établis ; il est temps d’intégrer tout cela au site pour obtenir le résultat le plus propre et le plus cohérent possible.

Avant de commencer, je leur présente la fonctionnalité d’édition du code source du thème que propose Tumblr. Cette présentation est un moyen de les familiariser avec un premier moteur de template ; une manière d’enlever certaines peurs ou appréhensions que certains pouvaient avoir en voyant toutes ces couleurs et bouts de codes inconnus.

Une fois l’intégration finie, je leur demande de me trouver certains éléments du code ; de trouver où il est possible de changer l’aspect de la citation par exemple. Et je leur propose, ensuite, de me rendre ce fichier de templating en commentant chaque grande zone définies dans le code.

Conclusion

L’exercice est plutôt sympa, car avec Tumblr on peut aborder les principes de configuration et de templating ; c’est-à-dire un point de vue intégrateur/r »dacteur de contenu ; sans avoir à installer une grosse machine. Les élèves partent tous de la même base.

La réalisation d’un site est largement possible en 3 heures. On a même eu l’occasion de faire un petit tour sur la plateforme de wordpress pour comparer les 2 services.

Pour moi, l’essentiel tenait dans la réalisation du corpus doccumentaire. J’ai insisté sur la rédaction de ces paramètres dans un fichier au format txt. Je ne sais pas s’il vont garder la pratique, mais j’ai insisté plusieurs fois pour dire que sans ce type d’informations, on ne pouvait pas commencer à intégrer un site (un blog dans notre cas.).


© Copyright 2009 bertrandkeller . Merci pour la visite