Vélo-Bonis

OFFRE DE SERVICES

OBJET

Proposition de développement du site Web de Vélo-Bonis (Organisation sans but lucratif à constituer)

PRÉSENTÉE À Sylvain Rolland450 543-1194

1104 Edmond,Prévost, Québec,J0R 1T0

DATE

27 septembre 2013

VERSION

1.0.1

TABLE DES MATIÈRES

Table des matières.......................................................................................................2Développement du site Web........................................................................................3

Objet.........................................................................................................................3Proposition................................................................................................................3Arborescence............................................................................................................3Technologies utilisées et précisions sur le site Web..................................................4Description des sections...........................................................................................5

Structure de dossiers et de fichiers..............................................................................7DB.............................................................................................................................7Doc (optionnel).........................................................................................................7Web..........................................................................................................................7Design (optionnel)....................................................................................................7README.txt...............................................................................................................7

Échéancier...................................................................................................................8Note..........................................................................................................................8Remise......................................................................................................................8

Coût de la proposition (correction)...............................................................................9Coût total de la proposition.......................................................................................9

Informations sur Vélo-Bonis.......................................................................................10Texte de la page d’accueil......................................................................................10Texte de la page FAQ..............................................................................................10Page Contactez-nous..............................................................................................10

Notes supplémentaires..............................................................................................11Note 1.....................................................................................................................11Note 2.....................................................................................................................11Note 3.....................................................................................................................11Note 4.....................................................................................................................11Note 5.....................................................................................................................11Note 6.....................................................................................................................11Note 7.....................................................................................................................11Note 8.....................................................................................................................12

Offre de services pour la création du site Web de Vélo-Bonis 2/12

DÉVELOPPEMENT DU SITE WEB

Objet

Le concept du site Web est de créer un outil de réseautage entre cyclistes et commerces. Ces derniers, pour se promouvoir, offriront des rabais aux cyclistes membres.

L’importance du site mobile ou de l’application(s) est primordiale.

Proposition

Concevoir un site Web dont la vocation principale est de promouvoir les commerces participant en les localisant sur une carte, en décrivant leurs activités ainsi qu'en affichant les rabais qu'ils offrent.

Après l'inscription, les membres et les commerces recevront un autocollant qu'ils colleront sur leur casque de vélo ou sur leur vitrine de magasin.

Arborescence

Voici la structure proposée pour le site Web de Vélo-Bonis:

Offre de services pour la création du site Web de Vélo-Bonis 3/12

Vélo-BonisDescriptif et carte Google

Liste des commerces par région et par ordre alphabétique

Inscription Portail des membres

Commerces Cyclistes

Photos des membres

Contactez-nous FAQ

Technologies utilisées et précisions sur le site Web

- La base de données Oracle sera utilisée en utilisant la librairie PDO- Le système sera valide selon les normes HTML5. Il sera également programmé

dans les règles de l’art- Le site sera compatible Internet Explorer, Firefox et Google Chrome- Le site Web sera programmé en suivant la structure apprise au cours (MVC)- Un Rich Text Editor sera utilisé et personnalisé (ex : TinyMCE ou CKEditor)- Il possèdera un ou plusieurs effets JavaScript (La librairie jQuery est acceptée)- L’utilisation de Google Map et de « marqueurs » seront utilisés pour afficher

les commerces.

Offre de services pour la création du site Web de Vélo-Bonis 4/12

Description des sections

Vélo-Bonis (Accueil)La quasi-totalité de l’information utile devra se retrouver sur cette page en évitant de la surcharger. Il y aura, entre autre :

Un texte expliquant le concept de Vélo-Bonis Une carte Google avec les petits marqueurs situés aux endroits où se trouvent

les commerces (adresse). En cliquant sur ces marqueurs, le nom, l’adresse et les rabais offerts du commerce apparaissent.

Exemple de marqueur

Une liste des régions du Québec se trouvera sur cette page pour permettre d’afficher les commerces par ordre alphabétique ou par région (si possible avec le lien des sites web des commerces ainsi que les rabais offerts).

InscriptionCette page possèdera deux formulaires d’enregistrement. Un pour les cyclistes et un pour les commerces.

CyclistePage permettant aux cyclistes de devenir membre et de recevoir, suite au paiement des frais de 10$/an, leur étiquette autocollante à coller sur leur casque de vélo.

CommercesFormulaire d’inscription contenant l'adresse, la longitude/latitude, le courriel et un mot de passe.

Lors de l'inscription d'un commerce ou d'un cycliste, un courriel est automatiquement envoyé à Sylvain l'avisant de cette inscription.

Offre de services pour la création du site Web de Vélo-Bonis 5/12

Portail des membresLe portail est une section accessible seulement après s’être connecté via un formulaire d’authentification.

Portail des cyclistesPermet au cycliste authentifié de modifier son profil et y faire des ajouts de photos de ses randonnées.

Un cycliste possède :- Prénom et nom (obligatoire)- Courriel (obligatoire)- Mot de passe (obligatoire)- Intérêts (champ texte)

Portail des commercesPermet au commerce authentifié de gérer ses rabais, son courriel, son mot de passe, son adresse et son image/logo. Tout comme le cycliste, le commerce peut également ajouter des photos. Afin de localiser les commerces sur la carte Google, la latitude et longitude des commerces doivent être également spécifiées par le commerçant.

Le commerçant a également la possibilité d'afficher une liste de rabais qu'ils offrent aux cyclistes membres. Ces rabais sont affichés dans les marqueurs de la page Google (située dans la page d'accueil).

Galerie photosAffichage d’une galerie photos ajoutées par les membres.

Contactez-nousFormulaire de contact et no de téléphone.

FAQPage avec les questions et réponses les plus souvent demandées.

Offre de services pour la création du site Web de Vélo-Bonis 6/12

STRUCTURE DE DOSSIERS ET DE FICHIERS

DB

Ce dossier contiendra plusieurs scripts SQL.

1- Structure.sql : Les énoncés SQL permettant de construire la base de données2- data_*.sql : Les énoncés SQL permettant d’insérer les données initiales et

nécessaires au bon fonctionnement du site Web

Doc (optionnel)

Le dossier Doc contiendra tous les documents textes (Word, PDF, etc.) fournissant des informations sur le site Web.

Web

Dossier principal où seront placés les fichiers PHP, HTML, etc. du site Web.

Les images devront être placés dans le dossier : images/Les fichiers JavaScript devront être placés dans le dossier js/Les fichiers CSS devront être placés dans le dossier css/Les classes d'actions (contrôleur) devront être placés dans le dossier action/Les classes DAO (modèle) devront être placés dans le dossier action/dao/

Design (optionnel)

Le dossier Design contiendra tous les documents reliés au design du site Web. Exemple : Photoshop, Gimp, Illustrator, etc.

README.txt

Très important ! Ce fichier contiendra les informations relatives à l’installation et au fonctionnement du site Web. Il contiendra également le mot de passe et le nom du compte usager de la base de données Oracle utilisés pour le site Web.

Offre de services pour la création du site Web de Vélo-Bonis 7/12

ÉCHÉANCIER

Note

Il est tenu de se présenter à chaque cours, puisque des informations, des ajustements et des méthodes de travail seront données tout au long de ce travail.

Remise

Remise # 1

Remise #2

Remise finale

Remise du squelette du site Web- Remise du script SQL contenant la structure des tables du site

- PK, FK, IDX, UNIQUE, mot de passe hashé, …- Présentation de l'aspect visuel du site Web (le header, footer, menu)- Si vous avez commencé à programmer des pages Web, montrer au professeur la structure PHP (orientée objet, selon la méthode vue en classe)

Présentation de l'état actuel du site- Le module de connexion /déconnexion- La sécurité au niveau des pages privées (impossible d'avoir accès aux pages sécurisées si l'usager n'est pas authentifié)- La page d'accueil terminée

Présentation du site Web- Le reste des pages du site Web terminées- Discussion des choix technologiques- Fonctionnement général du site Web- Fonctionnement du gestionnaire de contenu

Remise des livrables suivants- Tout le code source du site Web- Structure/script de la base de données

Offre de services pour la création du site Web de Vélo-Bonis 8/12

COÛT DE LA PROPOSITION (CORRECTION)Coût total de la proposition

Les remises/présentations partielles % 5Fichiers *.SQL de la base de données du site Web

- (tables.sql, data_*.sql)% 5

Ergonomie du site Web- Apparence du site Web- Utilisabilité- Souci du détail- Version mobile (responsive design)

% 20

Programmation- Code HTML valide selon les normes W3- Programmation orientée objet- Qualité de la programmation et de la structure du site- Indentation et commentaires (aux bons endroits)- Fichiers et code nettoyés (pas de fichier ou de section de

code inutile)

% 20

Page – Connexion/Déconnexion % 5Page – Accueil % 10Page – Inscription % 5Page – Portail - cycliste % 5Page – Portail - commerce % 10Page – FAQ % 5Page – Galerie photos % 5Page – Contactez-nous % 5Bonus(ex: console d'administration, fonctionnement par code postal au lieu de latitude/longitude, …)

% 5

---------Sous-total : % 100TPS (5%) : % 0

TVQ (7.5%) : % 0Coût total : % 100

Offre de services pour la création du site Web de Vélo-Bonis 9/12

INFORMATIONS SUR VÉLO-BONIS

Texte de la page d’accueil

Inspirez-vous du document qui contient la description de Velo-Bonis.

Texte de la page FAQ

Écrire des questions/réponses avec du texte : Lorem Ipsum.

Page Contactez-nousPour la page de contactez-nous, le courriel qui doit recevoir les demandes d’informations est : velobonis@gmail.com

Le numéro de téléphone à afficher sur la page est : 450 543-1194

Offre de services pour la création du site Web de Vélo-Bonis 10/12

NOTES SUPPLÉMENTAIRES

Note 1L'interface graphique ainsi que les images utilisées (pour la galerie photos, l'équipe, …) ne sont pas fournies. Il faut donc utiliser son imagination et Google Images, PhotoShop, IStockPhoto, iconarchive, iconfinder, et/ou autres.

Pour la version actuelle, vous pouvez utiliser des Photos avec un copyright. Si le client accepte votre projet, soit il paiera les frais pour acheter les photos ou d'autres seront utilisées.

Note 2Dans chaque fichier, ajouter un entête semblable à :

/* --------------------------------------------------- * * * Projet synthèse : A2013 * * Fait Par : * * * *--------------------------------------------------- */

Note 3Le site Web doit fonctionner avec le serveur http Apache tel qu'il est installé au département.

Note 4Ce travail se fait en équipe de 2 au maximum.

Note 5Le site Web doit être programmé en orienté objet, et selon la méthode vue en classe

Note 6Vous pouvez vous inspirer de designs de sites déjà existants sur Internet, mais vous ne devez en aucun cas utiliser du code HTML/CSS fait par quelqu’un d’autre comme base HTML/CSS du projet. Vous ne devez également pas utiliser un exercice/laboratoire/exemple fait dans le cours comme base HTML/CSS.

Note 7Si vous utilisez du code ou une fonction que vous n’avez pas fait vous-même, indiquez la référence(URL) au dessus.

Offre de services pour la création du site Web de Vélo-Bonis 11/12

Note 8Pour cette version, la section paiement n’est pas à faire.

Offre de services pour la création du site Web de Vélo-Bonis 12/12