Rédaction d'une offre de service et d'un contrat

13 mai 2011 1 Rédaction d'une offre de service et d'un contrat Luc Côté Ross & Caroline Lavoie Offre de service pour la réalisation de la refonte du site internet de la SAMBBA. Adressé à Madame Anne Stéphanie Lebrun. L - B o x 6 1 6, S a i n t - R é d e m p t e u r M a t a n e, ( Q u é b e c ) G 4 W 1 L 1 418-5 6 2-1240 S A M B B A EFC Rédaction d une offre de service et d un contrat (Partie 1) Luc Côté Ross & Caroline Lavoie

Table des matières Lettre d accompagnement (Luc & Caroline)... 3 Mission et objectifs du site (Luc)... 4 Mandat (Luc)... 4 Public cible (Luc)... 4 Recensement de sites similaires (Caroline)... 4 Présentation de l entreprise (Caroline)... 6 Luc Côté Ross... 6 Caroline Lavoie... 6 Grille Graphique et Ergonomie (Caroline)... 7 Organigramme du site web (Luc)... 8 Système de gestion du contenu (Caroline)... 9 Calendrier de production (Luc)... 9 Évaluation des coûts (Luc)... 10 Contrat (Caroline et Luc)... 11 Client... 11 Les services offerts... 11 Obligation du client... 11 Concepteur... 11 Obligation des concepteurs... 12 Prix des services... 12 ANNEXE 1 (Caroline)... 13 (Hébergement internet et nom de domaine)... 13 ANNEXE 2 (Caroline)... 14 (Les différents services offerts)... 14 La maquette (Caroline)... 15 2

Lettre d accompagnement (Luc & Caroline) Matane, 12 mai 2011 Monsieur Sébastien Duchesne SAMBBA 211, rue de l'église Ste-Geneviève-de-Bastiscan (Québec) G0X 2R0 3 Objet : Offre de service pour la refonte du site de la SAMBBA Monsieur, Vous trouverez dans le présent document l offre de services suite à votre demande de refonte de site Web. Notre entreprise, L-Box, est spécialisée dans la production Web. Nous avons conçu et réalisé le site de Sociale Pêche ainsi que le système de gestion de contenu. Nous garantissons un design à votre image qui sera vous satisfaire. De plus, nous assurons d offrir un site sécuritaire et qui sera conforme aux normes du Web établi à ce jour. Notre équipe sera toujours heureuse de travailler en collaboration avec le client, car nous sommes conscients que nous travaillons afin de répondre à tous vos besoins. Nous espérons que cette offre de service, vous conviendra et nous sommes toujours heureux de répondre à vos questions ou commentaires. Nous vous prions d agréer, Monsieur, nos salutations les plus sincères. Les concepteurs, Caroline Lavoie Luc Côté Ross p.j. Offre de service

Offre de service Mission et objectifs du site (Luc) Le site a pour but d informer et de conscientiser les agriculteurs, les industries et les habitants, soit les pêcheurs, campeurs et autres usagés des rivières, dans la zone afin d améliorer la qualité de l eau et pour faciliter la gestion de l eau. 4 Mandat (Luc) Nous devons faire une refonte du site web (http://www.sambba.qc.ca/). Pour ce faire, l architecture du contenu sera réorganisée, le visuel sera mis à jour et la programmation du site sera refaite selon les nouveaux standards. Nous allons inclure un gestionnaire de contenu (CMS) afin de faciliter la mise à jour du contenu du site. De plus, un moteur de recherche interne est nécessaire pour permettre l accès facile à l information du site. Nous accompagnerons le client tout au long de la refonte afin qu il puisse suivre l évolution du projet. Public cible (Luc) Le public cible est composé d agriculteurs, d industries et d habitants qui sont dans la région du bassin versant de la Batiscan, en particulier ceux qui consomment une quantité importante d eau et ceux qui résident en bordure de cours d eau. Cela inclus les pêcheurs, les campeurs et tous ceux qui participent a des activités plein-airs. Ces personnes vont sur le site pour s informer sur les législations en cours. La tranche d âge du public cible est de 24 à 50ans, représentant les propriétaires de maison et les travailleurs. Recensement de sites similaires (Caroline) http://www.rappel.qc.ca/ 1 Bons coups : - Ce site rentre bien dans les critères d ergonomie web. - Il est d un style simple et épuré qui rappelle, l effet détente de la nature. - Lien avec Facebook, ce qui donne de la visibilité à 1 Regroupement des associations pour la protection de l environnement des lacs et cours d eau de l Estrie et du haut bassin de la Saint-François.

l organisme. Mauvais coups : - Des pages ont trop de textes avec aucune image. Les textes deviennent ainsi lourds à lire et décourageront les internautes. Un travail de révision serait intéressant, afin de synthétiser le texte. - Lorsque l internaute sélectionne la page bénévolat une partie du menu disparait. L internaute deviendra embêté par-delà, car il n y a aucune raison valable à cela. Il est déconseillé de faire disparaitre certaines sections dans une navigation standard. - Dans la section «Services offerts», il y a un plan de navigation contenant des liens amenant l internaute sur une sous-section. Cependant, dans cette sous-section, il n y a aucun élément sur la page nous ramenant à un étage plus haut dans l arborescence du site. L internaute qui cherche une autre façon de revenir devra réfléchir et pourrait en venir à quitter le site prématurément. - La méthode pour commander sur le site n est pas conforme. Rien n indique les champs obligatoires. Les messages d erreur sont dans une alerte. Une fois l alerte fermée la personne ne peut plus revoir ces erreurs. Finalement, le plus gros problème avec ce formulaire apparaît une fois que l internaute appuie sur «envoyer la commande», il arrive sur une page qui n a rien à voir avec le design du site qui nous informe qu ils ont bien reçus la commande. Il serait bien que l entreprise revoit tout le fonctionnement des commandes. Elles semblent très peu sécuritaires et elles peuvent porter à confusion. - La zone jeunesse laisse à désirer. Elle ne ressemble en rien avec le site de base. Elle peut devenir une source d incompréhension pour l internaute. 5 http://www.obv-yamaska.qc.ca/ 2 Bons coups : - Style épuré ayant pour thème la pureté de l eau. - L information semble bien divisée Mauvais coups : - Une ou deux pages ont trop de textes avec peu d images. Les textes deviennent ainsi lourds à lire et décourageront les internautes. Un travail de révision serait intéressant, afin de synthétiser le texte. 2 Organisme de bassin versant de la Yamaska

Présentation de l entreprise (Caroline) L-Box est une entreprise de développement des nouvelles technologies Web. L entreprise est constituée de deux jeunes étudiants en multimédia. Nous sommes passionnés par le Web et les technologies qui s y rapportent. Nous avons déjà un bon petit bagage de travaux réalisés en collaboration. Dans le cadre scolaire nous avons réalisé la conception d une application de voyage pour iphone, comportant une histoire d espion. Ce travail a été réalisé en partenariat avec Loïc Thien-Hon-Mine et Jérôme Ten-Shong. De plus, L-Box a créé un petit jeu de détective sur support CD-ROM pour les jeunes enfants. Aussi, nous avons récemment conçu des maquettes pour un site Web 2.0 3, portant sur la pêche au saumon. C est notre projet qui fut sélectionné pour se rendre à l étape de production. 6 Vous pouvez observer nos réalisations en visitant nos portfolios. Luc Côté Ross : Je m occupe de la programmation dans les projets en plus d une partie de l intégration Web. Je suis quelqu un de simple avec un grand intérêt à l apprentissage. J aime découvrir et apprendre de nouvelles méthodes, surtout lorsque les sujets se rapportent à l action Script 3.0 ou la programmation orientée objet. Je peux passer plus de quinze heures par jour à programmer. Je suis incapable de prendre une pause s il y a un bug dans mon travail. Je suis une personne passionnée par la programmation. Portfolio : http://tim.cgmatane.qc.ca/333-101/ross_cote/portfolio/?nav=realisation Caroline Lavoie : Je m occupe du design des projets ainsi que d une partie de l intégration Web. Je suis une grande passionnée du design, de l ergonomie et de tout ce qui touche au Web. J ai des qualités de leader, d organisation et j aime beaucoup le contact avec les clients, afin de mieux les connaître pour leur offrir des designs qui leur sont propres. Rien n est plus important pour moi que de livrer un travail professionnel qui fera le bonheur du client. Portfolio : http://tim.cgmatane.qc.ca/333-101/lavoie/session4-php/portfolio/realisation.php 3 Les internautes peuvent interagir (partager, échanger, etc.) de façon simple, à la fois avec le contenu et la structure des pages, mais aussi entre eux, créant ainsi notamment le Web social. [Source : Wikipédia]

Grille Graphique et Ergonomie (Caroline) Nous avons décidé de vous confectionner une grille graphique divisée en cinq colonnes, afin d offrir une grande possibilité de positionnement du contenu dans une page. Des marges de dix pixels 4 permettront une bonne aération des informations. Le logo est situé en haut a gauche de la page puisqu il s agit des standards d ergonomie. Le menu est placé juste en dessous du logo. La zone de recherche sera à droite, juste au dessous du menu principal. Le logo, le menu et la zone de recherche se retrouveront sur toutes les pages du site. Une section sera réservée à l administrateur pour lui permettre d utiliser le CMS. 7 4 Unité de mesure sur un ordinateur

Organigramme du site web (Luc) 8 EFC Rédaction d une offre de service et d un contrat (Partie 1) Luc Côté Ross & Caroline Lavoie

Système de gestion du contenu (Caroline) Tous les contenus textuels, d image et de vidéo sont modifiables à l aide d un CMS. Seul l administrateur de site peut utiliser le CMS. 9 Calendrier de production (Luc) Semaine 0 Semaine 1 Semaine 2 Semaine 3 Semaine 4 Semaine 5 Semaine 6 Récupération des documents et des informations du serveur Et vérification des paramètres serveurs. Création des maquettes préliminaires Schématisation et création de la base de données Rencontre avec le client Création des maquettes principales Programmation du site web de base (HTML & CSS) Création du CMS Peaufinage des maquettes Intégration des maquettes Création du CMS (Suite) Rencontre avec le client Création du moteur de recherche interne Référencement Mise en place du contenu existant Protection du site web et de la base de données Validation W3C Création du guide d utilisation du CMS Rencontre avec le client Formation pour l utilisation du CMS Remise du projet final EFC Rédaction d une offre de service et d un contrat (Partie 1) Luc Côté Ross & Caroline Lavoie

Évaluation des coûts (Luc) Étape de production Heure (17$/h) Coût ($) Récupération des documents et des informations du serveur 10 170$ Conception des documents préliminaires 28 476$ Création des maquettes 60 1020$ Création du site web 20 340$ Création du CMS 70 1190$ Intégration des maquettes 16 272$ Création du moteur de recherche 30 510$ Référencement 5 85$ Intégration du contenu 20 340$ Protection du site web et de la base de données 8 136$ Validation W3C 4 68$ Création du guide d utilisation du CMS 12 104$ Formation a l utilisation du CMS 6 102$ Rencontres avec le client 10 170$ TOTAL 297 5049$ 10

Contrat (Caroline & Luc) Contrat (Caroline et Luc) Client SAMBBA 211, rue de l'église Ste-Geneviève-de-Bastiscan, Québec G0X 2R0 Téléphone : 418-362-3202 Télécopieur : 418-362-3201 Concepteur L-Box 616, Saint-Rédempteur #3136 Matane (Québec) G4W 1L1 Téléphone : 418-562-1240 postes 3185 11 Les services offerts 1. Les concepteurs s engagent à livrer un produit final professionnel selon les standards courants et les services additionnels préalablement demander par le client. (voir l annexe 2). 2. Les concepteurs s engagent à livrer un manuel d utilisation du gestionnaire de contenu (CMS) 3. Dans le cas ou le serveur actuel du client ne possède pas les paramètres nécessaires au bon fonctionnement du CMS, les concepteurs s engagent à en fournir un (voir l annexe 1). Obligation du client 1. Source multimédia a. Tout œuvre multimédia fournis par le client qui est utilisés dans la conception du site Internet, ce doit d être entièrement conforme aux lois sur le droit d auteur au Canada. b. Tout œuvre multimédia fourni par le client qui est utilisé dans la conception du site Internet, doit être daté. c. Tout œuvre multimédia fourni par le client qui est utilisés dans la conception du site Internet, doit être accompagnés d un contrat ou d une cessation des droits sur le produit, afin d être publiés. d. Les concepteurs se réservent le droit de refuser la publication d une œuvre multimédia fournis par le client, si elle ne respecte pas les points 1a, 1b et 1c du présent contrat. e. Les concepteurs se déchargent de toutes responsabilités sur les publications faites sur le site suite à la date finale de production.

f. Le client s engage à assurer sa pleine collaboration pour répondre aux questions éventuelles des concepteurs et à effectuer les tests nécessaires sur le site à la demande des concepteurs. Obligation des concepteurs 1. Sécurité a. Les concepteurs s engagent à protéger l accès «sections privées» contre toutes manœuvres de piratage connue à ce jour. b. Les concepteurs s engagent à protéger le contenu des bases de données. 12 2. Fonctionnalités a. Les concepteurs s engagent à tester le fonctionnement du site Web dans sa totalité. 3. Garanti a. Les concepteurs s engagent à respecter le présent échéancier. Dans le cas où le délai serait dépassé, les concepteurs assumeront les coûts supplémentaires. Prix des services 1. Le client doit payer le prix des services du concepteur, soit 40%, ce qui représente 2019,60$, à la signature du présent contrat, 20%, ce qui représente 1009,80$, à l acceptation des maquettes préliminaire et 40%, ce qui représente 2019,60$, à la remise finale du produit. Le montant total s élève donc à 5049$. 2. Le paiement ce fait par virement bancaire à l entreprise de L-Box. 3. Le client doit payer tous services additionnels (voir l annexe 2). 4. Dans le cas ou le client ne pourrait payer la somme dut, le site sera retiré en totalité. Le site lui sera rendu lors de la réception du montant manquant. 5. Le client s engage à conserver le copyright des concepteurs sur le site Web à l endroit choisi par ces derniers. (Signature du client et date) (Signature d un concepteur et date) (Signature d un concepteur et date)

ANNEXE 1 (Caroline) (Hébergement internet et nom de domaine) 3.1 L-Box fait affaire avec astral internet une entreprise d hébergement Web québécoise. 3.2 Site d astral internet : http://www.astralinternet.com 3.3 Six forfait différents sous le plan d hébergement Windows, variant entre 5,00 et 50,00 $ par mois. 13 3.4 - Six forfait différents sous le plan d hébergement Linux, variant entre 5,00 et 50,00 $ par mois.

ANNEXE 2 (Caroline) (Les différents services offerts) 4.1 Les concepteurs offre un service de bloggeur au coût de 500$ par mois. 4.1.1 Actualisation des nouvelles sur le site. 4.1.2 Actualisation des flux RSS. 14 4.1.3 Entretien de la page facebook (voir annexe 4.3) 4.1.4 Entretien de la page twitter (voir annexe 4.4) 4.1.5 Entretien de la page Linked in (voir annexe 4.5) 4.2 Les concepteurs offre un service de mise à jour de la sécurité, coût déterminé par un second contrat. 4.3 Les concepteurs offre un service de création de page pour le réseau social facebook au coût de 100$. 4.4 Les concepteurs offre un service de création de page pour le réseau social twitter au coût de 100$. 4.5 Les concepteurs offre un service de création de page pour le réseau social Linked in au coût de 100$. 4.6 Hébergement et nom de domaine au coût de 10$ par mois. 4.7 Tournage vidéo et montage vidéo, coût déterminé par un second contrat. 4.8 Site pour mobile, coût déterminé par un second contrat.

La maquette (Caroline) 15