2 minute(s) à lire
Super Find Bros.
Site de rencontre pour joueurs de jeux vidéo en PHP
Présentation du projet
Super Find Bros. est un projet PHP créé par moi et Thomas Campredon. Nous l’avons réalisé au cours du semestre 5 de mon Licence Informatique. Le but du projet était donc de nous initier au développement web avec la technologie PHP.
Le sujet sur lequel portait le projet était un site de rencontres. Nous avons choisi le thème des jeux-vidéo, car nous sommes trop des G@M3RS 😎.
Le site web permet aux joueurs de jeux vidéo de rencontrer d’autres personnes jouant à dex jeux communs, et de pouvoir communiquer et former des équipes pour pouvoir participer à des tournois avec moultes cashprices ;)
Fonctionnalités développées
Ce projet nous aura donc permis d’approfondir nos connaissances en PHP déjà acquises à l’IUT. Pour ma part, j’ai surtout voulu améliorer mes compétences en frontend, en adoptant une philosophie qui m’est propre : ne pas développer avec Bootstrap.
Sans Bootstrap ? Dites-donc ? 🤔
Cela peut paraître comme s’enfoncer une épine dans le pied dès le départ, mais en réalité ça ne l’est pas. En terme de front-end, j’y vois deux approches différentes :
L’approche Sémantique
On considère que dans un fichier HTML, les balises doivent avoir du sens et être complétées (que ce soit par leur genre, leur nom, leur id ou leur classe) de manière sémantique de façon à donner du sens au document.
Ex : Si j’ai deux éléments qui se suivent, je pourrais appeler le premier par l’attribut “class=section1” et le deuxième “class=section2”
L’approche Tout-en-Un (celle de Bootstrap)
D’un autre côté, cette approche considère que dans un fichier HTML, les balises doivent représenter un visuel et être complétées de manière à laisser transparaître rapidement le résultat visuel.
Ex : Si j’ai deux éléments qui se suivent, je pourrais appeler le premier par l’attribut “column-sm-4 text-left” et le deuxième “column-sm-8 text-right”
Je préfère donc l’approche sémantique, car Bootstrap prend le contre-pied de cette idée de séparation entre la structure et la forme, en désaccord avec la philosophie du W3C : Depuis le xHTML, et encore aujourd’hui avec le HTML5 avec les balises <header>, <footer>, <section>, il y a toujours eu une évolution logique de séparer le rendu de sa structure sémantique.
SI l’on prend en compte la taille du projet, la surcharge CSS ainsi que le côté “boîte noire de fonctionnement”, autant mettre la main à la pâte et manier la bête qu’est CSS ! ;)
Et c’était comment ?
C’est sans doute un des projets les plus agréables à réaliser en Licence. Jusque là, nous avions vu la méthodologie agile à la fin de notre DUT, et n’avions pas eu l’occasion de l’appliquer dans des projets. Ce projet était donc parfait pour mettre en application nos acquis. Nous avons fait en sorte que notre site web puisse être appréciable visuellement à notre client, sans pour autant nier la partie technique.
Et je le trouve où ce projet ?
Sur mon GitHub, avec le lien suivant : https://github.com/FredericCanaud/SuperFindBros ;)
