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

Cette semaine, j'ai pu aider à pas mal de choses au niveau référencement du GAEC. J'ai corrigé une erreur de localisation de l'établissement sur Google Map, ai pu ajouter le deuxième établissement (Stabulation), j'ai également ajusté quelque peu le site et ai ajouté quelques images. Le site possède maintenant des animations fluide au défilement, que ce soit pour l'apparition des éléments tel que les textes ou images ainsi que des animations de défilement quand on clique sur les liens du menu (tout cela réalisé à l'aide de JQuery ainsi que d'un plugin pour les animations). J'ai également pu travailler sur le côté Responsive du site, afin que la navigation du site sur téléphone ou petits écrans soit plus agréable. En définitive, je considère toucher au bout du projet. La semaine prochaine, je compte rediscuter avec les agriculteurs de la mise en page, ajouter tous les vrais textes et les vraies images, ainsi que procéder à d'éventuels ajustement mineurs. Après cela, je pense que je pourrai dire que mon projet est terminé.

Ce stage se termine, et les agriculteurs n'ont malheureusement pas eu le temps de se pencher avec moi sur la rédaction de tous les vrais textes ( c'est à dire, pas les textes de remplacement que j'ai mis par défaut). Durant cette dernière semaine, je n'ai donc fait que des ajustements mineurs concernant le côté responsive du site web. Cependant, je suis en effet fier de ce que j'ai pu produire. Mon paris est tenu : j'ai pu créer, dans le temps imparti et en totale autonomie un site web que je considère comme étant de plutôt bonne qualité, conciliant un design moderne et efficace, une responsivité pour les appareils mobiles et tablettes, ainsi qu'un formulaire de contact en php.

Ces quelques semaines de stages m'auront donc beaucoup appris, que ce soit en développement web évidemment, mais aussi en flexibilité (afin de s'adapter à un millieu qui n'est pas forcément le miens, celui de l'agriculutre), en recherche, en utilisation de différentes technologies (avec l'utilisation du framework bootstrap et des différents plugins), et même en référencement (ayant mis à jour les adresses google map des établissements du GAEC) et encore bien d'autres choses. C'était une expérience particulièrement intéressante et enrichissante, dont je ressorts avec le véritable sentiment d'avoir beaucoup appris.

J'ai également fait part au agriculteurs du fait qu'ils pouvaient me contacter quand ils le souhaitaient pour mettre le site en ligne.

Enfin, voici mon projet : https://drive.google.com/open?id=1ilHcirJZBH2qIj7TCoAnhA1i2lI-NlV2