Menu Maker by Qwenta - Présentation Finale

2024

Menu Maker by Qwenta

Présentation de la Solution Technique

Présentation

INDEX

Fonctionnement

Gestion du projet

Structure du site

Plan de communication

Start

01

Présentation

Le site, Les collaborateurs

01

Pésentation

Le site

Le site Menu Maker est destiné aux restaurateurs souhaitant créer, afficher et gérer leurs menus facilement en ligne. À travers une interface utilisateur intuitive, ils pourront personnaliser leurs menus avec une variété de styles et d'options. Il sera également possible d'exporter leurs créations au format PDF, de les partager sur des plateformes telles que Deliveroo et Instagram, ainsi que de les imprimer directement

INFORME TECH

01

Pésentation

Les collaborateurs

Qwenta

John - Chef de projet

Webgencia

Soufiane - Product OwnerPierre-Jean - Gestion de projet Équipe développeurs Webgencia

INFORME TECH

02

Fonctionnement

Frontend, Backend et Base de donnée

02

Fonctionnement

Globale

Database

Backend

Frontend

Serveur

Navigateur

INFORME TECH

02

Fonctionnement

Frontend

Html - CSS - JS

HTML, CSS et JavaScript forment le trio fondamental du développement web. HTML structure le contenu d'une page, CSS définit le style et l'apparence, tandis que JavaScript ajoute interactivité et dynamisme. Ensemble, ils permettent de créer des expériences web riches et interactives.

Frontend

Navigateur

REACT

React est une bibliothèque JavaScript développée par Facebook pour construire des interfaces utilisateur dynamiques et réactives. Elle permet de créer des applications web monopage efficaces grâce à des composants réutilisables et réactifs, optimisant ainsi le développement et la performance des applications.

Styled composents

Styled-components est une bibliothèque pour React et React Native qui permet de gérer le CSS dans le JavaScript. En utilisant des composants stylisés, elle facilite la création d'interfaces utilisateur dynamiques avec des styles encapsulés, améliorant ainsi la modularité et la maintenabilité du code.

INFORME TECH

02

Fonctionnement

Backend et Base de donnée

Node.JS

Node.js est un environnement d'exécution JavaScript côté serveur qui permet de développer des applications web rapides et évolutives. Grâce à son modèle d'entrées/sorties non bloquant, Node.js est particulièrement efficace pour construire des applications nécessitant de hautes performances en temps réel.

Database

Backend

Serveur

Express,JS

Express.js est un framework web pour Node.js, conçu pour faciliter la construction d'applications web et d'APIs. Il est apprécié pour sa simplicité, flexibilité, et performance, fournissant des fonctionnalités essentielles comme le routage et la gestion des middlewares, tout en restant épuré et efficace.

MongoDB

MongoDB est une base de données NoSQL orientée documents, conçue pour la flexibilité, la scalabilité et la performance. Elle stocke les données dans des documents similaires à JSON, facilitant ainsi l'intégration avec des applications JavaScript et offrant une structure de données plus naturelle et expressive pour les développeurs.

INFORME TECH

02

Fonctionnement

M.E.R.N

Combinés ensemble, MongoDB, Express.js, React, et Node.js forment la stack MERN : un ensemble de technologies puissantes pour le développement d'applications web modernes et dynamiques. Ce stack unifie une base de données flexible (MongoDB), un framework backend rapide (Express.js), un environnement d'exécution efficace (Node.js), et une bibliothèque frontend avancée (React). Facilitant la création d'applications monopages (SPA) avec une pile technologique entièrement basée sur JavaScript. La stack MERN est reconnue pour son efficacité et sa capacité à simplifier le développement web.

INFORME TECH

03

Gestion du projet

Méthode Agile, Kanban et Trello

03

Gestion de projet

Méthode Agile

Pour la gestion de notre projet, nous avons adopté la méthode Agile appuyée par l'outil Kanban via Trello, une combinaison stratégique offrant flexibilité, efficacité et transparence.

La méthode Agile, avec son approche itérative et incrémentale, permet de s'adapter rapidement aux changements et d'optimiser la collaboration au sein des équipes. Elle facilite également une meilleure réponse aux besoins du client grâce à des cycles de développement courts et des évaluations régulières.

Livraison et Réflexion

Développement Itératif

Conception

Planification initiale

Évaluation Continue

INFORME TECH

03

Gestion de projet

Kanban et Trello

L'utilisation de Kanban, intégrée dans Trello, renforce cette méthodologie en offrant une visualisation claire de l'avancement des tâches à travers des tableaux organisés. Cela permet de clarifier les priorités et réduit les surcharges, enrichissant l'organisation par la collaboration instantanée et l'accessibilité multiplateforme. En résumé, cette combinaison de la méthode Agile et de l'outil Kanban via Trello, offre un cadre robuste pour une gestion de projet dynamique et réactive, maximisant à la fois la productivité de l'équipe et la satisfaction du client.

INFORME TECH

04

Structure du site

Arborescence, Aperçu du site

04

Structure du site

Arborescence

INFORME TECH

04

Structure du site

Page d'accueil et de login

Page d'accueil simple et intuitive

Connexion utilisateur par E-mail

Explications étape par étape

INFORME TECH

04

Structure du site

Tableau de bord synthétique

Tableau de bord et tarifs

INFORME TECH

04

Structure du site

Création de menu

Partage et diffusion Simplifiés

Création de plats simple et intuitive

Personnalisation de la Typo et de la couleur

Aperçu en temps réel

INFORME TECH

05

Plan de communication

Proposition de plan

05

Plan de communication

Proposition de plan

Pour assurer une communication fluide et efficace durant le développement du projet "Menu Maker", nous proposons le plan suivant : Réunions Hebdomadaires : Organisation d'une réunion hebdomadaire avec John pour suivre l'avancement, discuter des validations et des ajustements nécessaires. Ces réunions peuvent se tenir en présentiel ou via visioconférence, en fonction de la disponibilité de John et de l'équipe. Outils de Communication : Utilisation de plateformes comme Trello pour la gestion de projet, Slack pour les communications quotidiennes, et Zoom pour les réunions à distance. Ces outils nous permettront de maintenir une transparence totale et de faciliter les échanges en temps réel. Ce plan de communication est conçu pour maximiser la productivité de l'équipe et la satisfaction du client, garantissant que le projet avance conformément aux attentes et dans les délais impartis.

INFORME TECH

Merci d'avoir choisi Webgencia

+01 234 567 890

www.yourwebsite.com