Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

01 Exercice 7 : ATELIER - Création d'un site web complet Voici le cahier des ch

01 Exercice 7 : ATELIER - Création d'un site web complet Voici le cahier des charges : Présentation LOKISALLE est une société imaginaire. Les informations concernant LOKISALLE sont factices. Raison sociale : LOKISALLE Type de structure : SARL Adresse : 300 Boulevard de Vaugirard, 75015 Paris, France Mission : La société est spécialisée dans la location de salle pour l’organisation de réunion par les entreprises ou les particuliers. Périmètre géographique de l’activité : La société dispose de salles dans toute la France et plus précisément à Paris, Lyon et Marseille. Objectifs et Bénéfices Le projet vise à offrir un ensemble de services basés sur les TIC permettant notamment : au grand public (visiteurs) de découvrir l’activité de LOKISALLE. au grand public de consulter le catalogue produits ainsi que les fiches des produits proposés par LOKISALLE. aux clients d’acheter en ligne des produits proposés dans le catalogue produits de LOKISALLE. aux membres de partager des avis sur les salles, de noter les salles, d’être informés des nouveautés et promotions de LOKISALLE. aux gérants (administrateurs du site) de LOKISALLE d’alimenter le catalogue produits, de consulter la liste des commandes, d’envoyer une newsletter aux membres, etc. Architecture logicielle L ’architecture logicielle sous-jacente au site devra utiliser les technologies récentes éprouvées. La solution devra autant que possible remplir les spécifications suivantes : architecture ouverte basée sur l’utilisation du couple PHP/MySQL. technologies standard pour la structuration et la description des données aussi bien que des interfaces (HTML/CSS). Ergonomie La page d’accueil du portail a une importance primordiale : elle doit, en quelques secondes, donner à l’utilisateur une vision de ce qu’il peut attendre du site. Tout malentendu à ce niveau peut frustrer l’utilisateur, interrompre la visite et entacher l’image de LOKISALLE. Le site web doit être adaptable et prévoir une version responsive design. Ces principes devront rester cohérents avec les objectifs et les contraintes du site. Les schémas introduits dans ce document sont présents à titre explicatif, il ne s’agit pas d’une suggestion de mise en forme. Les fonctionnalités seront les mêmes d’un projet à un autre (respect du cahier des charges). De ce fait, il serait donc intéressant que vous vous démarquiez via le design de votre site. Vous aurez donc carte blanche sur cette partie, l’idéal serait d’innover et d’être inventif sur les choix d’ergonomie. Le jury y sera sensible. Contraintes L ’ensemble du portail devra être compatible avec les navigateurs les plus utilisés du marché, soit : Mozilla Firefox - dernières versions, Internet Explorer - dernières versions, Chrome - dernières versions. La sécurité sur le site devra couvrir les notions de confidentialité, de droit d’accès et d’authentification. RETROUVEZ L’INTÉGRALITÉ DES COURS SUR EPROJET.FR EVOGUE.FR LIAM TARDIEU 02 Référencement Le référencement et le positionnement d’un site au niveau des différents outils de recherche de l’Internet (annuaires, moteurs) sont d’une importance cruciale pour attirer une bonne audience. Les principes et règles de métier pour atteindre ces deux objectifs seront mis en œuvre dès la conception du portail. (Respect des normes w3c). Planification du projet Le planning de la prestation se conformera aux étapes suivantes : Création des maquettes graphiques Lancement de l’intégration et du développement Création d’une version du site Internet Tests, débogages, validation finale Mise en Ligne Livraison Précisions « LOKISALLE est une société imaginaire. Les informations concernant LOKISALLE sont factices » Pour le bon déroulement du projet, veillez à prendre des images et texte libre de droit. N’oubliez pas de préciser dans les mentions légales que ce site n’est pas réalisé dans un but commercial mais dans le but de répondre à un atelier PHP. Le site doit être sur internet et hébergé sur le web pour une présentation client. Arguments à bannir : « je n’ai pas eu le temps » « j’étais en entreprise », « c’était trop difficile je ne l’ai pas fait », « je ne savais pas que le rendu était pour aujourd’hui », « mon pc est tombé en panne hier et je n’avais pas d’autres sauvegardes », « j’avais d’autres projets urgents », « j’étais en plein déménagement, désolé ! », etc. Conseil Pensez à mettre votre site en ligne et tout « re-tester » au moins 10 jours avant les soutenances. On ne va pas en présentation chez un client avec un site mis en ligne la veille. Justesse Le respect du cahier des charges est fondamental. Vous devrez également complètement « rentré(e) » dans votre sujet afin de prévoir des tests de débogage ainsi que des tests de cohérence qui ne sont pas forcément à mentionner par le client. Exemple : Que se passe t-il si un membre tente de s’inscrire deux fois à la newsletter ? Peut-on créer ou réserver un produit sur des dates antérieures dans le temps ? Y’a-t-il des moyens d’altérer le comportement initialement prévu du site via l’url ou d’autres points d’entrée (sécurité) ? Que se passe t’il lorsqu’un membre est supprimé (commandes, avis, newsletter, etc) ? Que se passe t’il lorsqu’une salle est supprimée (produits, avis, commandes, etc.) ? Est-il possible de créer 2 produits sur la même salle et sur des dates qui se chevauchent ? Des tests de cohérence seront réalisés lors de la livraison du projet. L ’aspect sécurité est également important. Il faut bien discerner la limite entre l'assurance de livrer un produit fiable et la responsabilité du client sur ce produit. Exercice 7.1 : Les pages web côté FRONT Exercice 7.101 : Accueil (index.php) Description : 1 correspond à la zone du haut, nous y retrouverons le logo et la bannière. 2 correspond au menu quand un visiteur arrive (attention il est évolutif suivant l’internaute : visiteur, membre, administrateur). Ci-dessus nous sommes dans le cas visiteur. 3 correspond au texte qui présente notre activité (location de salles). 4 correspond aux trois dernières offres (évidemment supérieures à la date du jour et « réservable ») 5 correspond à la zone du bas, nous y retrouvons plusieurs liens. Recommandations : Il serait judicieux pour la zone 2 de créer un fichier « menu.inc.php » afin d’y mettre tous les liens et de l’inclure sur toutes les pages. (idem pour la zone 1 « haut.inc.php » : doctype, appel vers la feuille de style, etc. - et pour la zone 5 « bas.inc.php »: à nouveau des liens). Texte cohérent avec l’activité pour la zone 3. Bien entendu pour la zone 4 il s’agit d’un affichage « dynamique » les informations proviennent de la base de données (voir les tables : produits et salles). Le lien « connectez-vous pour l’ajouter au panier » pointe sur la page connexion.php. 4 Deux choix s’offrent alors à l'internaute : o Voir la fiche détaillée le lien pointe sur « reservation_details.php » (cette page n’est pas répertoriée dans la zone 2 du menu). (il convient impérativement de passer l’id du produit pour avoir l’affichage complet relatif à ce produit). Et c’est le cas pour trois des pages du menu : o Après s’être connecté : Ajouter directement le produit au panier, le bouton pointe sur « panier.php ». o Après s’être connecté : Ajouter directement le produit au panier, le bouton pointe sur « panier.php ». (il faudra alors passer l’id du produit). Et c’est une possibilité pour trois des pages du menu : Pour les pages index.php – reservation.php – recherche.php ; Si aucun produit n’est réservable, nous prévoirons un message d’information « aucune offre pour le moment ». Exercice 7.102 : Réservation (reservation.php) Description : 1 correspond à la zone du haut, nous y retrouverons le logo et la bannière. 2 correspond au menu quand un visiteur arrive (attention il est évolutif suivant l’internaute : visiteur, membre, administrateur). Ci-dessus nous sommes dans le cas visiteur. 3 correspond à l’ensemble de toutes nos offres (évidemment supérieures à la date du jour et « réservable »). 5 correspond à la zone du bas, nous y retrouvons plusieurs liens. Recommandations : Bien entendu pour la zone 3 il s’agit d’un affichage « dynamique » les informations proviennent de la base de données (voir les tables : produits et salles). Le lien « connectez-vous pour l’ajouter au panier » pointe sur la page connexion.php. Cette page est similaire à la page d’accueil. Deux choix s’offrent à nous : Voir la fiche détaillée le lien pointe sur « reservation_details.php » (cette page n’est pas répertoriée dans la zone 2 du menu). (il convient impérativement de passer l’id du produit pour avoir l’affichage complet relatif à ce produit). Après s’être connecté : Ajouter directement le produit au panier, le bouton pointe sur « panier.php ». (Il faudra alors passer l’id du produit sur la page panier). Exercice 7.103 : Recherche (recherche.php) Description : 1 correspond à la zone du haut, nous y retrouverons le logo et la bannière. 2 correspond au menu quand un visiteur arrive (attention il est évolutif suivant l’internaute : visiteur, membre, administrateur). Ci-dessus nous sommes dans le cas visiteur. 3 correspond à l’ensemble de toutes nos offres (évidemment supérieures à la date choisie par l’internaute et « réservable ») uploads/Industriel/ php-atelier-lokisalle.pdf