Case Study _BROAD BAND

Morgane Laurent
Nov 5, 2018 · 5 min read

What History’s Female Internet Pioneers can Teach us about Tomorrow, une conférence de Claire L. Evans.

#1 Etape : Le travail de groupe.

Nous sommes le 14 septembre 2018, le jour de rentrée pour les étudiants Design Web & Mobile de la Haute Ecole Albert Jacquard de Namur.

Arrivé en classe, on nous présente notre futur travail de groupe, IOLCE.

Qu’est-ce que IOLCE ?

C’est un atelier basé sur la retranscription d’une conférence, ayant pour but de nous permettre de concevoir une méthode de travail centré sur le contenu.

Nous formons donc un groupe de 3 personnes et choisissons la conférence de Claire L. Evans.

Chacun de notre côté, nous visionnons la conférence et prenons des notes afin de faire une mise en commun.

Après avoir émis nos idées… Nous décidons de répartir notre contenu en 5 parties.

  1. Computers.
  2. La diversité est un atout.
  3. L’innovation, un effort collectif.
  4. L’effort est la clé de la réussite.
  5. Les points à retenir.

Dès que le contenu fini, nous passons à l’étape suivante qui est la mise en page web.

#2 Etape : La mise en page web

Une fois la retranscription du contenu terminée, il nous est demandé chacun de notre côté de faire une page web basé sur notre contenu.

Pour cela, nous commençons par choisir une police de caractère.

Attention pas n’importe laquelle !

Pour choisir une bonne police de caractère, il faut qu’elle aie un lien avec le contenu. Ici, ce sera donc Work sans,une police de caractère sans serif.

Pourquoi ?

Eh bien dans sa conférence, nous pouvons constater que Claire L. Evans parle d’une manière plutôt joviale. Ce qui m’a directement tourné vers le sans serif.

Ensuite, reste à établir notre couleur de paragraphe (interlignage, corps et longueur de ligne) ainsi que notre rapport hiérarchique.

Comme rapport hiérarchique je choisis donc le Minor Sixth — 1.600, choisir un rapport hiérarchique est une chose très importante car c’est ce qui va nous permettre de structurer notre contenu.

Seconde chose importante dans la création d’un site web, le wireframe…

Qu’est-ce qu’un wireframe ?

C’est un plan, une maquette qui va nous servir à définir l’interface graphique que l’on voudrait obtenir de notre site web.

Je commence donc mon wireframe sur papier et ensuite sur Adobe XD pour un meilleur rendu.

Lorsque nous sommes satisfait du résultat nous procédons à la troisième étape qui est le codage de notre page web.

#3 Le codage de notre page web

Codé mon site web ne fût pas une tâche simple mais avec le temps, les cours de Frontend Design et de multiples recherches, j’ai appris pas mal de chose et j’ai pu arriver à un résultat qui me plaît.

Présentation des membres :

(cliquez sur la photo pour voir le site de chacun !)

Morgane Laurent — Jonathan Vu Duy — Pauline Meert

Descriptif de l’expérience iolce de 4 autres étudiants :

Nom : Houssam Ben Chaïeb.

Conférence : How to build an atomic bomb.

Comment as-tu vécu cette expérience ?

Bien vécu, on a appris à travailler en équipe, à communiquer et on a appris beaucoup de choses.

As-tu rencontré des difficultés ?

Au niveau du code, temps (problème perso), organisation et savoir bien organiser son code.

Qu’est-ce qui était le plus difficile pour toi ?

Se motiver.

Que peux-tu conclure de cette expérience ?

Qu’ il faut gérer son temps et qu’à force de chercher j’ai appris à mieux m’en sortir en code.


Nom : Matteo Delorenzi.

Conférence : The internet of natural things.

Comment as-tu vécu cette expérience ?

Elle s’est bien passée, il y avait une bonne ambiance et une bonne cohésion de groupe.

As-tu rencontré des difficultés ?

Ce travail m’a pris beaucoup de temps car je n’avais pas beaucoup d’expérience en web.

Qu’est-ce qui était le plus difficile pour toi ?

Le javascript. J’ai eu quelques problèmes avec mais j’ai pu les résoudre.

Que peux-tu conclure de cette expérience ?

J’ai bien aimé ce travail car il m’a permit de voir l’ampleur de ce que représente la conception d’un site web et m’a permit de m’investir et de comprendre que tout designer doit prendre conscience de l’impact de ses créations sur le monde.


Nom : Julien Scheen.

Conférence : The internet of natural things.

Comment as-tu vécu cette expérience ?

Il y avait une bonne ambiance de groupe malgré que j’ai trouvé cette expérience ennuyeuse et incompréhensible.

As-tu rencontré des difficultés ?

Coder le site car c’était mon premier, je n’avais aucune expérience dans le domaine du web.

Qu’est-ce qui était le plus difficile pour toi ?

Le javascript.

Que peux-tu conclure de cette expérience ?

J ai appris à coder de manière plus efficace et à développer mes connaissances dans le code.


Nom : Aline Meunier.

Conférence : Broad Band — What History’s Female Internet Pioneers can Teach us about Tomorrow.

Comment as-tu vécu cette expérience ?

Une bonne ambiance de groupe ainsi que du bon travail.

As-tu rencontré des difficultés ?

Le projet a été vite et j ai eu des difficultés à rendre le texte de ma retranscription plus joviale.

Qu’est-ce qui était le plus difficile pour toi ?

Il n’y a pas vraiment eu de grosses difficultés.

Que peux-tu conclure de cette expérience ?

On a appris à se débrouiller et j ai regarder beaucoup de tuto ce qui m’a permit de bien réaliser mon projet comme je le voulais.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade