Portes ouvertes développement web (04/04/2024 à 12h) : inscrivez-vous !

On fait le récap’ des projets Sirius Blue 1/2

2019-10-03
La pluie, les cartables trop lourds… Pas de doute, c’est la rentrée, sauf pour la promotion Sirius qui vient de terminer sa formation. Le groupe Sirius Blue nous présente ses projets aujourd’hui, à l’abri devant son code, sans cartable mais avec des idées, ça oui ! Vous les avez loupés ? On vous fait le récap’ !

C’EST QUOI UNE DÉMO DES PROJETS ?

Avant de rentrer dans le vif du sujet, on va mettre de côté le vif et on va s’attarder sur le sujet : les démos de projets.

Chaque promotion termine sa formation par ce que l’on appelle « l’apothéose », à savoir un mois entièrement consacré à la réalisation d’un projet mobilisant toutes les compétences des étudiants, acquises à la sueur de leur front (et du back aussi krkrkr).

Pour ce faire, vont se former des petits groupes de 4 ou 5 étudiants qui auront chacun un rôle attitré. Les membres du groupe vont bosser conjointement sur un projet de leur choix. L’intérêt étant de constituer des groupes hétéroclites pour couvrir toutes les parties du projet (back, front, gestion de projet, etc.).

Cette période de la formation est avant tout une aubaine pour que les étudiants puissent exprimer pleinement leur potentiel, leurs aptitudes et leur créativité dans une totale autonomie. En effet, les profs interviennent uniquement pour suivre l’avancement des projets et prodiguer quelques conseils. Mais sinon, nada : les étudiants doivent se dépatouiller tout seuls.

Une fois ce mois achevé, chaque groupe doit présenter son projet pendant les fameuses démos de projets, retransmises en direct sur nos réseaux sociaux. L’occasion pour tous les curieux, recruteurs et futurs étudiants de l’école O’clock de constater le niveau des étudiants de l’école.

Aujourd’hui, on va faire le récap’ des projets de la promotion Sirius, en commençant par le premier groupe : Sirius Blue.


LES PROJETS SIRIUS BLUE

O’Feel

Ouvrons cette session de présentation de projets sur des bases saines : un projet qui commence par « O’… » et du sport. La première équipe de grands sportifs qui présente O’Feel est composée de Pascal – Product owner, Ariane – Project manager, Gécika – Lead dev front et Rémi – Lead dev back et Git master. Ils ont créé un algorithme nourri par leurs connaissances en sport et nutrition.

projet-ofeel-sport-sante

A l’aide d’un tableau de bord, on rentre nos informations : taille, poids, âge, activité habituelle, etc. Ensuite, on se fixe des objectifs : perdre du poids, prendre de la masse, retrouver un équilibre… Et on indique son régime alimentaire : sans gluten, sans lactose ou encore vegan, par exemple.

C’est à ce moment que la magie de l’algorithme de ces spécialistes santé opère : O’Feel nous propose un menu petit déjeuner, déjeuner, diner et même une collation adaptés à nos besoins et nos objectifs. Pour compléter les menus, un dernier onglet nous propose de multiples séances de sport, en salle, à la maison, de la course, pour les débutants, les intermédiaires et les confirmés… Vous l’aurez compris, O’Feel a été pensé pour les sportifs déjà piqués qui veulent surveiller leur hygiène de vie ET pour ceux qui souhaitent justement chausser leurs baskets.

Pour les technologies utilisées : React en front, avec le framework Semantic UI dont les composants ont été retravaillés au maximum et l’API WordPress qui sert de base de données avec des requêtes Axios.

Pas d’excuse pour cette rentrée, on enfile ses baskets et on clique, car le site est en ligne : http://ofeel.me/

? Technos utilisées : React et WordPress

? Voir la présentation complète de O’Feel : https://youtu.be/YZgrCFXXboI?t=544

projet développement web

O’Tableau

On vous avait prévenu, c’est vraiment la rentrée ! Pour faire le lien entre l’école et les parents d’élèves, le second groupe de Sirius Blue présente aujourd’hui O’Tableau, leur plateforme de mise en relation.

Un projet qui commence lui aussi par O. Nous ne savons pas encore si cela porte bonheur aux étudiants, si c’est un hommage ou une malédiction…

Pour présenter O’Tableau : Sébastien – Product Owner et Git master, Myriam – Project manager, Kaïn – Lead dev front et Nicolas – Lead dev back.

projet-otableau-ecole

O’Tableau, c’est donc une plateforme visant à faciliter la communication directe entre les parents d’élèves, les représentants des parents, les enseignants et la direction d’une même école. Préparez-vous, il y a une bonne grosse pelle de fonctionnalités. L’objectif est de faciliter la gestion administrative de l’école. On retrouve sur la page d’accueil toutes les informations importantes : les horaires, l’adresse liée à GoogleMaps et les contacts de l’école.

Voici la liste des possibilités de O’Tableau quand on est parent d’élève, directeur ou professeur, depuis son téléphone :

– Échanger des documents importants de manière sécurisée

-Discuter sur la messagerie entre parents et professeurs, grâce à la mise en place de Mercure

-Vérifier les autorisations pour récupérer les enfants

-Accéder au calendrier scolaire et réserver les repas de son enfant à la cantine (une fonctionnalité codée from scratch !)

-Découvrir les activités de l’école et les filtrer par classe

-Faire l’appel et commander automatiquement le bon nombre de repas de cantine au traiteur

-Lancer des messages d’alerte à destination des familles comme une invasion de poux en CM1… Bien pratique !

Le groupe a rencontré quelques difficultés sur la base de données SQL et la séparation des concepts, problème réglé par des requêtes custom.

 projet développeur web

Pour une équipe full Symfony qui ne savait pas ce qu’était une balise en arrivant, le projet est plus que complet. Bien sûr, une V2 est dans les cartons.

? Technos utilisées : Symfony

? Voir la présentation complète de O’Tableau : https://youtu.be/YZgrCFXXboI?t=1679


oMyScrim

Pour ce troisième projet, on découvre oMyScrim présenté par Florian – Product owner, Ludovic – Lead dev front, Tommy – Project manager et Git master et Benjamin – Lead dev back.

Tous ces projets en O’ et leurs variantes commencent à nous faire flipper.

projet-oscrim-gaming-min

Avant de présenter un peu plus en détail le projet oMyScrim, nous vous donnons quelques définitions :

Scrim = match amical entre 2 équipes de e-sport pour s’entrainer dans des conditions de championnat

Elo = système de calcul des points pour classer les joueurs (aux échecs notamment)

Maintenant que les fondations sont là, on peut créer son compte avec des informations sur notre expérience dans le jeu, se donner de la visibilité en ajoutant ses réseaux sociaux et on peut créer son équipe.

oMyScrim permet de rechercher par jeu, par Elo et par date, un scrim. Une fois que l’équipe est montée et que les matchs sont prévus, il n’y a plus qu’à jouer et grimper dans le classement.

Le plus gros challenge technique pour l’équipe fut la communication back/front sur la gestion de l’authentification. Ce problème a été géré en front avec JWT.
Pour le reste : du React Sleek pour les sliders, Semantic UI, quelques bundles en back et FosRest Bundle..

Une V2 de prévue (et une V3 et probablement une V4, puisque ce ne sont pas les idées qui manquent). L’équipe, débutante dans le développement il y a encore quelques mois, transpire la bonne entente et l’entraide.

projet développement web

? Technos utilisées : React et Symfony

? Voir la présentation complète de oMyScrim : https://youtu.be/YZgrCFXXboI?t=3033


O’Stan

On poursuit la présentation Sirius Blue avec Maxime – Product owner, Karine – Project manager et Git master, Lucie – Lead dev front et Emeric – Lead dev back qui présentent O’Stan.

Et si les étudiants avaient des autels au nom de l’école… Ou des poupées vaudous… 

projet-ostan-dessin-art-min

O’Stan est un site communautaire pour regrouper les illustrateurs, les éditeurs, les auteurs et les scénaristes. L’objectif premier du projet est de mettre en relation, par exemple, un dessinateur, des scénaristes de BD, qu’ils soient amateurs ou professionnels, ainsi que des maisons d’édition pour créer de nouvelles œuvres. Maxime, responsable de la BD, est à l’origine de tous les dessins, on dit bravo.

Sur le site, on retrouve des articles, les dernières annonces, on peut lancer des recherches par tag et surtout : on peut publier sa galerie et présenter ses œuvres, avec même la possibilité de partager ses coordonnées pour être contacté.

Deux accès sont possibles : un accès visiteur pour découvrir des astuces de dessin et visiter les galeries ainsi qu’un accès utilisateur pour les porteurs de projets qui cherchent des collaborateurs.

Concernant les technologies utilisées : Symfony, PHP, JavaScript, une base de données MySQL, pour les librairies Jquery, Bootstrap, toastr.js pour le côté dynamique et 3 bundles pour mettre en forme les commentaires, la pagination et pour les tests.

La messagerie dynamique sera leur prochain challenge, on attend donc avec impatience une seconde version.

O'Stan Projet art graphiques développement

? Technos utilisées : Symfony

? Voir la présentation complète de O’Stan:  https://youtu.be/YZgrCFXXboI?t=4302


Team-Share

Vous aussi, vous vous dites « Aaaah bah voilà un projet qui ne commence pas par O’quelquechose. ». Nous aussi. Nous aussi, on dormirait sur nos deux oreilles si seulement ce groupe n’avait pas appelé son projet O’Boulot avant de changer de nom pour Team-Share.

Pour présenter Team-Share donc : Julien – Product owner, Nadia – Project manager, Alexandre – Lead dev back et Git master et Alexis – Lead dev front.

projet-teamshare-collaboratif-dev

La plateforme s’adresse principalement aux jeunes développeurs qui cherchent à gonfler leurs portfolios et à monter en compétences en prenant part à des projets et en profitant des compétences des uns et des autres. On peut lancer son projet, le définir et préciser les compétences qu’il nous manque. D’un simple clic, on peut lancer une demande pour participer à un projet.

Du point de vue technos : du Symfony, tout à la main, sans aucun bundle, mais avec l’utilisation du framework Semantic UI. Le code pour création du token a été fait maison également. C’est donc un projet collaboratif qui sera sûrement très utile pour les étudiants eux-mêmes et leur avenir professionnel.

Projet TeamShare dev

Responsive ? Oui ! En ligne ? Pour la démo, oui aussi !

? Technos utilisées : React et Symfony

? Voir la présentation complète de Team-Share : https://youtu.be/YZgrCFXXboI?t=5828