Projet : création d'un site Web pour le GAEC de la Haule (Normandie, La Hague).

En tant que première semaine de stage, mes missions à réaliser durant cette semaine ont été plutôt variées. Je devais entre autre établir le cahier des charges avec les différents membres du GAEC (cf : GAEC : Groupement agricole d'exploitation en commun https://fr.wikipedia.org/wiki/Groupement_agricole_d%27exploitation_en_commun).

Ainsi, je me suis présenté avec l'ide de base de réaliser un site vitrine dont l'utilité serait uniquement de présenter le GAEC.

Cependant, en discutant avec les différents agriculteurs, une idée de projet de vente à la ferme sembalit émerger, ce qui apportait une toute nouvelle utilité à mon projet sui deviendrait un moyen de promovoir les produits de la ferme et d'offrir de toutes nouvelles opportunités ainsi qu'une grande visibilité.

Le site web sera donc finalement un site vitrine permettant de présenter le GAEC comportant une partie afin de présenter les différents produit qui peuvent être vendus ainsi que les dates des ventes à la ferme.

Dans le but de cerner aux mieux les attentes des agriculteurs pour réaliser ce site web, mes journée se sont divisées en deux partie :

La matinée, j'étais en intégration à la ferme. Je suivais les agriculteurs sur le terrain afin de m'imprégner du métier et de l'ambiance de l'entreprise et ai appris énormément suite à ça. J'ai également cerné l'importance pour ces agriculteurs de mettre l'accent sur le naturel, le bio, et le côté familial de l'entreprise. Des aspects importants que je m'efforcerai de représenter au mieux sur le site web.

L'après-midi, je travaillais sur mon PC. j'ai ainsi pu mettre au point moi même, sous photoshop, une maquette du site web en analysant scrupuleusement les besoins des agriculteurs ainsi que ce qui se faisait chez d'autres GAEC en terme de site web moderne et agréable à voir (ce qui, il faut le dire, représente à peine 1/4 des sites de GAEC). J'avais donc pour mission, pour cette maquette, de concilier les besoins du GAEC, les aspects importants pour les agriculteurs, ainsi qu'une certaine modernité dans le design du site web tout en essayant au plus d'être original par raport aux autres.

Voici donc la maquette que j'ai réalisé :

Je prévois maintenant de commencer à coder le site dans la semaine à venir…

Cette semaine fut plutôt courte (notemment dû au pont pour le jour férié) mais j'ai eu le temps de commencer la base du site Internet.

J'ai commencé par faire des recherches afin de trouver quelques astuces convenant au format de site que j'aimerais réaliser (un One Page responsive comportant plusieurs sections de sites). Grâce à ces recherches, j'ai pu constater que le Framework “Bootstrap” convenait parfaitement, et me permettrait d'être beaucoup plus efficace. En effet, ce framework me permettrait, en un temps records, de mettre en place le site de manière responsive ainsi que de mettre en place les Carousel (parties du site avec des photos qui changent, slide automatiquement), et tout cela de manière plus rapide et plus stable que si j'avais dû tout faire moi même (étant donné ce que j'avais prévu, si j'avais fait ce choix, j'aurais eu à apprendre le JavaScript au passage). J'ai donc choisi de l'utiliser et j'ai attaqué la base du site, à savoir la première partie, la partie accueil, le “header”.

J'ai également pu rediscuter avec les agriculteurs de leurs besoins et de leurs attentes pour le site web, afin de m'assurer que la direction que je prend est la bonne ainsi que me permettre de réfléchir à la suite, aux futurs évolutions possibles.

Pour la prochaine semaine, je prévois de continuer le développement du site et d'apprendre à maîtriser un peu mieux le Framework Bootstrap. Je déposerai sur le drive la version du site à la fin de la semaine (je ne le fais pas maintenant car il y a trop peu de contenu pour que ce soit utile).

J'ai pu, comme je l'avais prévu, me familiariser avec le Framework et avancer sur le développement du site, si bien qu'il ne reste que de petits ajustement à faire, mettre de vrais textes et images (et pas des images et textes de remplacement, des “lorem ipsum”), faire un bout de PHP pour rendre le formulaire de contact fonctionnel et embellir le tout avec quelques animations. C'est donc ce que je prévois de faire durant les 2 dernières semaines de ce stage. J'ai mis à dispostion une version prototype du site (pas encore terminé, mais presque ) ici : https://drive.google.com/open?id=11mk9FU5lupiBLWrcKC2sQOjwwB6wZHLb