Ceci est le cahier de charges pour la création d'un site web dynamique en utilisant les technologies, responsive design, flat design, One page, le cms DRUPAL...
Un document pour avoir un plan clair et toutes les questions que vous devez vous poser au moment de rédiger votre cahier des charges !
Ce document a pour objectif de préciser quels éléments doivent être détaillés dans votre cahier des charges pour lancer un appel d'offres et demander une proposition commerciale à un prestataire.
Rapport de projet de fin d'étude licence informatique et multimédiaNazih Heni
Dans le cadre de notre projet de fin d’étude, nous nous intéressons à
développer une application qui sert à l’achat en ligne des produits de beauté,
reconnu dans le domaine informatique par le nom ” E-commerce ”, cette application
peut être développer sur plusieurs plate-forme notamment : An-
droïd , Mac OS et BlackBerry etc. Les supports de notre application Ecommerce
sont les téléphones portable mené, d’un système d’exploitation
Androïd.
--------------------------
http://nazihhenie.wordpress.com/
Lien du Blog:
Cahier des charges en vue de la conception du site internet de la société de conseil et formation AXOM (Bordeaux).
Comprend les contraintes techniques et réglementaires (maintenance, garantie, référencement,...) et la description de l'arborescence et du contenu souhaité.
Utilisez cet outil pour préparer votre stratégie internet ou la réalisation de votre site internet.
Plus d'informations, plus d'outils gratuit : www.carrefourdesreussites.com
Un document pour avoir un plan clair et toutes les questions que vous devez vous poser au moment de rédiger votre cahier des charges !
Ce document a pour objectif de préciser quels éléments doivent être détaillés dans votre cahier des charges pour lancer un appel d'offres et demander une proposition commerciale à un prestataire.
Rapport de projet de fin d'étude licence informatique et multimédiaNazih Heni
Dans le cadre de notre projet de fin d’étude, nous nous intéressons à
développer une application qui sert à l’achat en ligne des produits de beauté,
reconnu dans le domaine informatique par le nom ” E-commerce ”, cette application
peut être développer sur plusieurs plate-forme notamment : An-
droïd , Mac OS et BlackBerry etc. Les supports de notre application Ecommerce
sont les téléphones portable mené, d’un système d’exploitation
Androïd.
--------------------------
http://nazihhenie.wordpress.com/
Lien du Blog:
Cahier des charges en vue de la conception du site internet de la société de conseil et formation AXOM (Bordeaux).
Comprend les contraintes techniques et réglementaires (maintenance, garantie, référencement,...) et la description de l'arborescence et du contenu souhaité.
Utilisez cet outil pour préparer votre stratégie internet ou la réalisation de votre site internet.
Plus d'informations, plus d'outils gratuit : www.carrefourdesreussites.com
Pfe conception et réalisation d'une application de gestion des processus d'ac...Ahmed Makni
Ce travail s’inscrit dans le cadre du projet de fin d’études pour l’obtention de diplôme de licence en science et technologies de l'information et de la communication. Il vise à réaliser une application web pour l’évaluation des fournisseurs tenant compte les chiffres d'affaires, la condition des livraisons par rapport aux commandes ainsi que les non conformités. Pour ce faire l'application associe des critères quantitatifs pour calculer un taux de respect des engagements moyennant une extraction des données du logiciel de gestion à des critères qualitatifs pour évaluer les aspects affaire et technique des fournisseurs.
Rapport PFE: Gestion de Parc InformatiqueEric Maxime
Toute société qui a de nombreux équipements informatiques est confrontée à des problématiques liées à leur gestion : maintenance des ordinateurs, ajout de matériel, obsolescence de certains équipements, traitement des problèmes utilisateurs, acquisition de licences logicielles... Si ces éléments sont faciles à gérer avec deux ou trois ordinateurs, cela commence à devenir un problème lorsque l'on prend en charge plusieurs dizaines d'équipements (ordinateurs, imprimantes, switchs, routeurs, etc).
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...Symphorien Niyonzima
Mémoire présenté et défendu pour
l’obtention de Diplôme de Licence en
Informatique de Gestion à l'Institut Supereur d'Informatique et de Gestion de Goma en sigle ISIG-Goma
Ce powerpoint reprend, section par section, la rédaction d'un cahier des charges pour un site internet. Vous pouvez y trouver des conseils d'écriture et de méthodologie.
Mise en place d'une plateforme SAP BI autour de SAP MM :
- Définition des processus métier logistique autour de SAP MM
- Définition des tableaux de bords pour la mesure de performance et contrôle
- Définition des cubes MM dans SAP BI pour l'élaboration des tableaux de bords et KPI
- Réalisation des requetes
- Réalisation des tableaux de bords et KPI
- Dataquality (données BI et données système source SAP)
- Mesure de l'éfficacité des résultats (tableaux de bords et KPI)
- Mise en production
contact :Salaheddine.bentalba@gmail.com
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIRAHMEDAKHACHKHOUCH
Projet de la gestion des réservations des équipements culturels de la commune d'Agadir, réalisé par AKHACHKHOUCH Ahmed et LOUKHNATI Mohamed Khalil au sein de la commune d'Agadir, ceci rentre dans le cadre de projet de Fin d'année en 4 ème année Génie informatique à l'ENSA d'Agadir.
Rapport du Projet de Fin d'année Génie informatique ayoub daoudi
La conception et la réalisation d’une plateforme de
gestion commerciale , réalisé par Daoudi Ayoub, Jirou Mohsin et Bourass Karim au sein de l'entreprise Grafimage, ceci rentre dans le cadre de projet de Fin d'année en 4 ème année Génie informatique à l'ENSA d'Agadir.
Rapport de Stage PFE - Développement d'un Projet ALTEN MAROC Concernant le Sy...tayebbousfiha1
Bonjour à tous, je souhaite partager avec vous mon rapport PFE qui se focalise sur ma participation au développement d'un projet ALTEN MAROC concernant le système d'information pour la gestion des compétences avec Spring Boot / React JS / JHipster / Eclipse / PostgreSQL.
Le rapport à été validé par l'équipe technique et ressource humaine d'ALTEN MAROC et par le directeur du master de L' Université Bretagne Sud (UBS) Franck POIRIER et la directrice de l'Institut Supérieur d’Ingénierie et des Affaires (ISGA).
Ce rapport est écrit pour principalement aider les personnes qui souhaite en savoir plus sur React / Jhipster / SpringBoot / Docker / La méthodologie agile Scrum / la structuration essentiel d'un PFE / PostgreSQL / Liquibase / Faker / Git / GitHub / Azure DevOps / Creately / ESLint / Axios / TypeScript / ECMAScript / JSON / Prime React / Swagger / REST API / SPA / OAuth / Système d’Information / Dossiers Techniques / Gestion des compétences / Analyse et Conception / Hibernate / JPA / JEE / JAVA / Postman / Bootstrap / JWT ...
Un document d'aide pour réaliser un cahier des charges le plus complet possible tout en restant clair et simple.
Atelier/Rencontre Animation Numérique du Territoire Office de Tourisme Val de Cher Saint-Aignan - Février 2015.
Pfe conception et réalisation d'une application de gestion des processus d'ac...Ahmed Makni
Ce travail s’inscrit dans le cadre du projet de fin d’études pour l’obtention de diplôme de licence en science et technologies de l'information et de la communication. Il vise à réaliser une application web pour l’évaluation des fournisseurs tenant compte les chiffres d'affaires, la condition des livraisons par rapport aux commandes ainsi que les non conformités. Pour ce faire l'application associe des critères quantitatifs pour calculer un taux de respect des engagements moyennant une extraction des données du logiciel de gestion à des critères qualitatifs pour évaluer les aspects affaire et technique des fournisseurs.
Rapport PFE: Gestion de Parc InformatiqueEric Maxime
Toute société qui a de nombreux équipements informatiques est confrontée à des problématiques liées à leur gestion : maintenance des ordinateurs, ajout de matériel, obsolescence de certains équipements, traitement des problèmes utilisateurs, acquisition de licences logicielles... Si ces éléments sont faciles à gérer avec deux ou trois ordinateurs, cela commence à devenir un problème lorsque l'on prend en charge plusieurs dizaines d'équipements (ordinateurs, imprimantes, switchs, routeurs, etc).
Conception d’une plateforme web d’e-Commerce au sein d’une entreprise commerc...Symphorien Niyonzima
Mémoire présenté et défendu pour
l’obtention de Diplôme de Licence en
Informatique de Gestion à l'Institut Supereur d'Informatique et de Gestion de Goma en sigle ISIG-Goma
Ce powerpoint reprend, section par section, la rédaction d'un cahier des charges pour un site internet. Vous pouvez y trouver des conseils d'écriture et de méthodologie.
Mise en place d'une plateforme SAP BI autour de SAP MM :
- Définition des processus métier logistique autour de SAP MM
- Définition des tableaux de bords pour la mesure de performance et contrôle
- Définition des cubes MM dans SAP BI pour l'élaboration des tableaux de bords et KPI
- Réalisation des requetes
- Réalisation des tableaux de bords et KPI
- Dataquality (données BI et données système source SAP)
- Mesure de l'éfficacité des résultats (tableaux de bords et KPI)
- Mise en production
contact :Salaheddine.bentalba@gmail.com
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIRAHMEDAKHACHKHOUCH
Projet de la gestion des réservations des équipements culturels de la commune d'Agadir, réalisé par AKHACHKHOUCH Ahmed et LOUKHNATI Mohamed Khalil au sein de la commune d'Agadir, ceci rentre dans le cadre de projet de Fin d'année en 4 ème année Génie informatique à l'ENSA d'Agadir.
Rapport du Projet de Fin d'année Génie informatique ayoub daoudi
La conception et la réalisation d’une plateforme de
gestion commerciale , réalisé par Daoudi Ayoub, Jirou Mohsin et Bourass Karim au sein de l'entreprise Grafimage, ceci rentre dans le cadre de projet de Fin d'année en 4 ème année Génie informatique à l'ENSA d'Agadir.
Rapport de Stage PFE - Développement d'un Projet ALTEN MAROC Concernant le Sy...tayebbousfiha1
Bonjour à tous, je souhaite partager avec vous mon rapport PFE qui se focalise sur ma participation au développement d'un projet ALTEN MAROC concernant le système d'information pour la gestion des compétences avec Spring Boot / React JS / JHipster / Eclipse / PostgreSQL.
Le rapport à été validé par l'équipe technique et ressource humaine d'ALTEN MAROC et par le directeur du master de L' Université Bretagne Sud (UBS) Franck POIRIER et la directrice de l'Institut Supérieur d’Ingénierie et des Affaires (ISGA).
Ce rapport est écrit pour principalement aider les personnes qui souhaite en savoir plus sur React / Jhipster / SpringBoot / Docker / La méthodologie agile Scrum / la structuration essentiel d'un PFE / PostgreSQL / Liquibase / Faker / Git / GitHub / Azure DevOps / Creately / ESLint / Axios / TypeScript / ECMAScript / JSON / Prime React / Swagger / REST API / SPA / OAuth / Système d’Information / Dossiers Techniques / Gestion des compétences / Analyse et Conception / Hibernate / JPA / JEE / JAVA / Postman / Bootstrap / JWT ...
Un document d'aide pour réaliser un cahier des charges le plus complet possible tout en restant clair et simple.
Atelier/Rencontre Animation Numérique du Territoire Office de Tourisme Val de Cher Saint-Aignan - Février 2015.
Comment bien rédiger le cahier des chargespour construire votre site interne...echangeurba
Un site Internet ne bénéficiera d’un bon retour sur investissement que si le projet est bien défini en amont et suivi en aval. Annexe au contrat, le cahier des charges est à la fois l’occasion de formaliser votre projet, un moyen de communiquer avec votre prestataire, et un document à valeur juridique.
Animé par le Pôle Numérique de la CCI de Bordeaux et la Chambre des Métiers et d'Artisanat de Gironde.
Co-organisé avec le Club d'Entreprises de Cenon
Code source et base de données : https://www.mediafire.com/?50sw7a5ofwyal94
Une interface de Freelance, qui est une interface offrant à un membre « Freelancer » de vendre ses services à un employeurs « entreprise » expressant des besoins.
La problématique à laquel on essaie de répondre dans ce projet, est de simplifié et facilité l’interaction entre employeurs et employés, pour cela, une interface web semble être la bonne solution.
Comment devenir architecte ? Comment progresser dans ce domaine ? A quoi reconnait-on une bonne ou une mauvaise architecture ? Il existe certes un certain nombre d' ouvrages et formations sur le sujet, mais le mieux est quand même de pratiquer ! A la manière des coding dojos, je vais vous présenter les Architecture Katas. Ces derniers ont été initiés par Ted Neward. Son idée est venue du constat suivant :
"So how are we supposed to get great architects, if they only get the chance to architect fewer than a half-dozen times in their career?"
La solution à ce problème est donc de pratiquer régulièrement sur des sujets très différents pour gagner en expérience.
Après une présentation qui permettra dans un premier temps de donner un retour d'expérience sur ce domaine et de répondre à certaines questions, j'exposerai la démarche du hands'on et le résultat final attendu.
Ensuite, par équipe de 4-5 personnes équipées d'un papier et d'un crayon ( pas besoin de plus ! ), plusieurs sujets seront proposés. Chaque équipe devra en choisir un, définir l' architecture la plus pertinente et la présenter aux équipes adverses.
Un vote définira la meilleure architecture.
Il n'est pas nécessaire d'être architecte pour participer !
Que la meilleure équipe gagne !
Atelier Info Tonic : Les règles d’or pour créer son site Webambin_fr
Atelier Info Tonic du 5/6/2012 à la CCI de Touraine
Les règles d’or pour créer son site internet.
En partenariat avec la société Ackwa pour le compte de Centre&Tic
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
Ce programme a été conçu sur mesure, spécialement pour vous, entrepreneurs ou porteurs de projets qui serez tôt ou tard confrontés à des problématiques de développement applicatif ou web.
L'idée est de vous aider à appréhender les principes, les notions de base et le vocabulaire associés au développement applicatif et web.
Nous vous donnerons des repères théoriques et pratiques pour que vous puissiez communiquer et orienter plus facilement vos décisions relatives aux composantes technologiques de votre projet.
En d'autres termes : vous n'avez pas un profil technique, mais vous avez un super projet impliquant du développement ? Le kit de survie est fait pour vous !
Partie 1 : Architectures des applications et technologies de développement
Par Stéphanie Hertrich & Benoit Le Pichon, Evangélistes Développement et Michel Rousseau Evangéliste Expérience Utilisateur (Microsoft)
Cette session abordera les notions de base et les technologies mises en œuvre pour le développement d'applications au sens large:
- Quelle est la différence entre une application, un site web, un service web, … ? Quelles en sont les composantes et comment interagissent-elles ?
- Développer pour un smartphone, une tablette, un poste de travail : quelles différences ?
- Quelles sont les grandes familles de technologies et de langages de développement, quelles sont leurs caractéristiques ?
- Le Cloud diffère-t-il réellement d’un hébergeur classique ?
- Quels bénéfices apporterait concrètement le Cloud à mon projet ?
- De l'importance de l'ergonomie des applications.
- Comprendre les tendances et intégrer le branding et l’identité de marque.
- Valider l'expérience utilisateur et tester sa démarche.
- Rendre ça beau, intelligible et en faire une proposition de valeur.
- Travailler le résultat avec un développeur.
Partie 2 : Concevoir une application, les étapes et la mise en œuvre:
Par Stéphanie Hertrich Evangéliste Développement (Microsoft) et Florent Santin, Développeur et Entrepreneur http://www.infinitesquare.com.
Cette session passera en revue les étapes du processus de conception d'une application:
- Définition du besoin, spécifications, code, tests : quel est le cycle de vie d'une application ?
- Quelle méthodologie et quels outils employer ?
- Les équipes : embaucher ou externaliser son développement ?
- Savoir communiquer avec son équipe technique.
- De l'importance du designer.
- Les questions à se poser pour faire les bons choix.
Comment avancer concrètement sur votre propre projet ? Différents programmes sont accessibles suivant votre niveau d’avancement.
- Des programmes d’accompagnement techniques (Pépinière Microsoft Azure, Speed-dating experts, Accélérateur Apps, ,…)
- Bizspark,le programme dédié aux startups : logiciels & conso Cloud Azure gratuite jusqu’à 60 000$
- Microsoft Ventures : l’accélérateur à startup Parisien de Microso
site internet nantes - ACIH est une agence web installée sur Nantes 44 - Pays de la Loire. Nous réalisons des sites internet spécifiquement adaptés aux TPE, PME, professions libérales, artisans, commerçants, ...
Seo Camp'us 2018 - SEO & FRAMEWORK JAVASCRIPT - Philippe Yonnet - Directeur G...Peak Ace
“Comment bien référencer un site fait avec un framework javascript (angularJS, ReactJS, etc.) ?”
L’occasion de faire le point sur la façon dont Google prend en compte les contenus générés en javascript, l’Ajax, et sur les différentes méthodes pour mieux référencer les pages web réalisées à partir de Frameworks Javascript comme AngularJS ou EmberJS crawlables…
Intervenant : Philippe Yonnet, Directeur Général Search Foresight
Dodi_Mbuta_La création d'un web service : « Note Reminder » _ Dodi MbutaDaniella Mbuta
Les web services sont définis dans la littérature TI comme étant des cadres d’architecture (Architecture Framework) pour la conversation entre deux ordinateurs, l’un client et l’autre serveur, communiquant ou partageant des informations sur le web et parlant dans un vocabulaire commun avec un fort ensemble de protocoles. Pour Printz Jacques (2012), ils sont plutôt à présenter comme étant des technologies C/S améliorées qui permet aux différentes applications informatiques actuelles de pouvoir communiquer entre elles, et cela, même si elles sont implémentées sur des différentes plates-formes ou avec des langages de programmation différents.
Actuellement, trois types de web services sont implémentes au sein des organisations ou entreprises, à savoir le SOAP, le REST/RESTful et l’OData. Ils sont bâtis sur des cadres d’architecture orientés services (SOA : Service-Oriented Architecture) et/ou à partir des processus ou services métier bien définis. Décrits généralement sous le format cryptographique XML, les trois types de web services cités peuvent posséder plusieurs fonctions, ressources ou services, consommables par des applications informatiques clientes natives, web et/ou hybrides, et peuvent également gérer la sécurité́, la fiabilité́ et la gestion de
tous les échanges ou partages d’informations entre les ordinateurs dans un réseau de communication.
Dans le cadre du module de cours - Ingénierie des systèmes à base de services -, suivi à l’UPJV, nous allons donc tenter de créer un web service RESTful, de nom de « W-S Note Reminder », sous l’IDE Netbeans, et cela, avec l’aide du langage JAVA EE et du web API JAX-RS. Ce dernier sera une architecture logicielle client-serveur qui devrait être capable d’offrir des fonctions, ressources ou services CRUD (Create, Read, Update and Delete) et celles d’authentification des utilisateurs.
En complément, une application cliente devrait être développée pour consommer les différentes fonctions, ressources ou services CRUD à implémenter sur ledit web service à créer. Notre choix est porté sur ce type des web services car il est considéré́ comme le plus populaire et utilise le protocole mythique de transfert hypertexte, le HTTP, dans toute son intégralité, notamment avec l’usage des URL significatives ou opaques et des méthodes tels que le GET, le HEAD, le POST et le DELETE. La modélisation pour l’ensemble de notre produit-logiciel à créer et/ou à développer sera réalisée en UML et JAVA JAVA EE.
Améliorer l’expérience utilisateur en passant aux Progressive Web App RESONEO
Notre consultante Audrey vous explique les enjeux de cette technologie innovante, son fonctionnement et sa mise en place. Elle vous montre les avantages techniques d’une PWA par rapport au SEO et vous parle des fonctionnalités de l’outil Lighthouse de Google, notamment en lien avec la PWA.
RESONEO a récemment accompagné Laurent Debricon, fondateur d’AutoVisual – comparateur de prix du marché automobile – dans sa réflexion pour la mise en place de la PWA pour son site web. Laurent partage avec vous son retour d’expérience.
1. REALISATION
AICHA LARIBI
RIM AMMAR
CAHIER
DES CHARGES
de réalisation de
site internet pour:
club android
isamm
PRESIDENT
DU
CLUB
club android
isamm
Personne
àcontacter
dansle
club:
W
ard
M
arzouki20
52
22
51
2. sommaire
1 Présentation du projet et de la réponse souhaitée ........................................
1.1. Présentation de l'équipe de travail ................................................................................
1.2. Présentation du projet ............................................................................................................
1.3. Réponse souhaitée ...........................................................................................................
2 Description fonctionnelle d site ........................................................................................
2.1. Description des grands blocs fonctionnels de la solution .........................
2.2. Description des processus associés à ces blocs fonctionnels ...................
2.3. Exemple de wireframe de la homepage ...........................................................
2.4. Autres fonctionnalités ..................................................................................................
3 Migration & intégration ............................................................................................................
3.1. Migration de données .....................................................................................................
3.2. Intégration avec des systèmes tiers .......................................................................
4 Solution technique ....................................................................................................................
4.1. Éléments techniques à prendre en compte dans la réponse ..................
4.2. Architecture technique cible .......................................................................................
p
1
2
3
4
1
1
3
4
4
5
6
7
7
8
8
4. ch1
P1
1.1 Présentation de l'équipe de travail
Notre équipe est composée de deux étudiantes en première année mastère professionnel
ingénierie médias, parcours médiation multimédia :
Rim Ammar; de formation licence appliquée
en communication multimédia.
Aicha Laribi; de formation licence fondamentale
en informatique et multimédia.
1.2. Présentation du projet
Contexte:
« CLUB ANDROID ISAMM » est un club universitaire à vocation scientifique et techni-
que qui s’intéresse aux technologies Android. Sa principale vocation est le développement
des savoirs et savoir-faire de ses membres dans le domaine de la programmation des
applications Android.
Destiné essentiellement aux étudiants de l’ISAMM, ce club contribuera à développer leurs
acquis et leur permettra d’entrer en contact avec le monde professionnel. Ce contact se fera
lors des manifestations organisées par le club. Ainsi Sa présence sur le web est donc un
élément de première importance pour communiquer avec son public (international), ses
membres et les entités qui veulent aider le club.
De plus, La mise en place d’un site web dédié au club et aux travaux réalisés par les étudiants
de l’ISAMM permettra de faciliter le recrutement des diplômés.
5. ch1
P2
La Nature du cible visé:
La cible visée par le club est définie comme suit :
Les Etudiants de l'isamm au premier lieu.
Une communauté intéressée par le développement ou/et l'utilisation des applications
Android.
Des agences et des sociétés qui cherchent des éléments brillants dans le domaine de
la création des applications Android et des services web, pour une offre de stage
ou/et d'emploie.
La cible est spécialement " utilisateur du smartphone".
Club Androïde de l'ISAMM, a pour objectif de présenter à sa cible ses différentes
activités et réalisations, d'annoncer ses évènements et les offres de stages fournisses aux
étudiants de l'Isamm, et de proposer des formations gratuites.
Ainsi, nous sommes appelés à développer un site web qui doit être le reflet du club et de
ses activités, il devra répondre tous les besoins spécifiques et fonctionnels puisqu'il est le
premier site qui sera consacré au club depuis sa création d'où l'importance du défi.
Objectifs:
Prestations complémentaire:
Utilisation de la technologie Responsive design vue La nature de la cible.
Rédaction du contenu d'une manière qu'il soit pertinent et optimisé pour un bon
référencement sur les moteurs de recherche (Google).
Un design simple et respectant la charte graphique du club.
Accompagnement après la mise en production souhaité (marketing, plan de
lancement, animation éditoriale, etc..)
Une seule langue (Français).
Contraintes de planning :
Le cahier de charge doit être validé par le président du Club Android Isamm.
Contact:Ward Marzouki - Adresse Mail: marzouki.ward@gmail.com
6. ch1
P3
Contraintes techniques:
Utilisation d'un CMS Pour faciliter la tâche d'administration du site.
Libre au choix du CMS, alors qu'il doit être écrit en PHP avec des fonctions JavaScript
et qu'il permet de donner à chaque utilisateur un ou plusieurs rôles.
Génération des flux RSS.Widget Facebook et autres réseaux sociaux, avec un meilleur
positionnement sur la page d'accueil.
Le système doit être implémenté en adoptant une méthodologie orientée objet et doit
également garantir un temps de réponse minimal et ne pas influencer les performances
du système, avec une optimisation du code et de la conception.
Les rubriques doivent être mises dans un emplacement net et précis donc visibles.
Hébergement chez OVH.
Le site être complètement compatible avec les principaux navigateurs du marché:
Internet Explorer 6 et versions supérieures ;
Mozilla Firefox 2 et versions supérieures;
Safari 3 et versions supérieures ;
Chrome;
Opéra 9 et versions supérieures.
La consultation doit être assurée sur des versions plus anciennes et les navigateurs textes.
Versions ultérieures du site (maintenance évolutive)
Formation équipe.
Suivi projet:
1.3. Réponse souhaitée
Délai pour rendre une versionV1 ne dépasse pas le 26 Avril 2014.
Nombre de page à rendre entre 11 et 21 pages.
Contribution à une meilleure structuration du contenu.
Mise en ligne souhaitée du site avant le 26 avril 2014.
L’hébergement sera assuré par l'institut superieur des arts multimedias de la manouba.
Le site sera développé et maintenu gratuitement de la part du groupe de travail à
l'occasion du mini-projet de la matiére "Gestion du contenu web".
Une formation sera effectuée auprès du(des) contributeur(s) au moment de la livraison
du site. Un support de cours sera remis au(x) participant(s).
Proposer d'autres fonctionnalité qui enrechissent l'interactivité entre l'utilisateur
et le systéme.
8. ch2
P4
Ce sont les grands éléments de la solution:
UTILISATEUR:
La visualisation du contenu.
Le suivi des évènements.
Une présentation complète du club et de ses activités.
Une présentation optimale et simple de toutes les réalisations du club et des prix qu'il
a gagné aux challenges de 2014.
Un espace de dépositions de toutes les formations du club.
un Blog.
Un module de contact qui contient une map fournie par Google.
ADMINISTRATION:
Gestion des utilisateurs.
Gestion du contenu texte, image et video.
Gestion des articles du blog.
Gestion des évènements.
Gestion du Slide-bar.
2.1. Description des grands blocs fonctionnels de
la solution
2.2. Description des processus associés à ces blocs
fonctionnels
Navigation horizentale.
Chemin de navigation
10. ch2
P6
2.4. Autres fonctionnalités
On peut intégrer d'autres fonctionnalités qui servent toujours à ameliorer la qualité
du référencement:
Rédaction du contenu (texte..) sur des fichiers word et analyser sa pertinence.
Création d'un forum.
Génération d'un FAQ.
Integration d'un module de chat.
Integration d'un module de téléchargement des fichiers de formats PDF.
Ajout d'une gallerie photos.
12. ch3
P7
3.1. Migration de données
Cette Phase consiste à plusieurs étapes:
D'abord, nous sommes à l'étape de collecte de contenu ( textes, images, video...). sur des
fichiers word bien organisés, et des dossiers de médias. Puis, On définit la structure de
chaque contenu d'une maniére facile à connaitre par l'utilisateur. Ici On peut considérer
du texte Html tant qu'un contenu gérable.
Une fois on arrive à atteindre la bonne définition ( pertinente et optimisée) de tout notre
contenu, on passe à la derniére étape qui consiste à migrer dans le site. Dans le c as de
notre projet, ce dernier va récupérer tous les données ( menu, texte, image...) depuis une
base de donnée "mysql" sur un serveur "WampServer". pour qu'on puisse finaliser le
site en local avant qu'il soit hébérgé sur internet.
3.2. Intégration avec des systèmes tiers
Dans le cas de notre projet, on aura besoin de nombreux systèmes tiers qui peuvent
interagir avec le site Internet pour élever l'audiance et le rang de référencement du site :
• la comptabilité
• les réseaux sociaux ;
• d’autres sites Internet (flux de news, google maps etc.).
et peut etre d'autres systémes spécifiques.. En employant différents téchniques comme
(XML, JSON,Web Services etc.) ainsi que le format des messages.
14. ch4
P8
4.1. Éléments techniques à prendre en compte
dans la réponse
Ce qu’il faut faire pour que les moteurs de recherches trouvent et comprennent le site?
Dans cette phase on va demandez au prestataire ce qu’il propose de mettre en oeuvre
pour gérer ce point si non nous allons travailler sur l'optimisation du HTML5 et du
CSS3 et sur l'ordre hérarchique de nos fichiers.
Il est évident que toute une série de canaux d’acquisition de trafic doit être envisagée au
moment du lancement et au cours de la vie du site. D'autre part, il est conseillé d'intégrer
l'outil de web Analytics (Google Analytics par exemple).Technologie responsive design
pour que le site puisse s’adapter au format tablette et smartphone est indisponsable.
Nous avons choisis pour l'architecture d’exécution le CMS/ CMF drupal.
Avant de choisir DRUPAL, on nous a proposé un certain classement des applications
utilisable: Le classement proposé été le suivant :
� CMS communautaires
1. Drupal
2. Joomla
3. e107
4. Xoops
� CMS insitutionnels
1.Typo3
2. eZpublish
3. tikiwiki
4. mySource
� CMS éditoriaux
1. SPIP
2.TextPattern
3. Lodel
� CM Framework
1. MODx
2. Xaraya
3. Jaws
4.2. Architecture technique cible
15. ch4
P9
POURQUOI DRUPAL?
Au final, l'hésitation fut assez longue entre SPIP et Drupal, deux produits conceptuelle-
ment très différents dans le monde des CMS.
Le tableau suivant donne une idée (certes imprécise) des qualités des différents outils.
On peut y distinguer notamment le point fort de SPIP dans sa capacité à publier
et structurer rapidement l'information, face à un Drupal plus modulaire, plus souple,
et probablement plus adaptable si l'on est prêt à consacrer du temps à sa bonne
configuration.
NB : 0 est la note la plus basse (fonctionnalité non implémentée), 5 la meilleure
(fonctionnalité très satisfaisante).
Un "P" signifie que l'utilisation d'un plugin est recommandée ou nécessaire pour cette
fonctionnalité. Un "D" implique qu'un développement est nécessaire.Les critères sont les
fonctionnalités demandées dans le cahier des charges (FT : Fonction transversale, FP
Fonction prinicipale, FC Fonction complémentaire)
16. ch4
P10
DRUPAL Ce qu�il permet, ce qu�il ne permet pas?
Réponse difficile (voire impossible) pour moi
Ce qu'il ne permet pas : faire le café...
Il faut connaître le cadre : ce qu'on veut faire avec - cahier des charges
Je n'ai pas fait de tests de fonctionnalités sans besoin ni de comparatifs
Drupal est un CMS à la base
Pas adapté à tous les types de développements
Très bon outil pour faire un portail
Ecrit en PHP : si allergie, utiliser autre chose...
Très nombreuses possibilités et très permissif :
Super : il suffit de trouver le module qui fasse ce qu'on veut...
Mais : si pas de compétence et peu de temps, utiliser autre chose
Mais : on peut faire quelque chose d'ingérable (attention à la sous-traitance)
Menu admin par interfaceWeb (sans connexion sur la machine) puissant
Permet d'avoir un responsable éditorial / admin du contenu non informaticien
Mais : on peut aimer les lignes de commandes : module drush
Drupal : est-ce une religion ?
Présentation page :
blocs : position – accès
La page est découpée en blocs (rectangles)
répartis dans des barres horizontales (entête, pied de page...) ou des colonnes
(à gauche, à droite...) ou contenu central qu'on peut déplacer
Chaque bloc peut avoir une présentation particulière
Encadrement, fond, polices...
Des canevas de page sont fournis : thèmes qu'on modifie
Un site peut avoir plusieurs thèmes (suivant le rôle de l'utilisateur)
Des blocs peuvent contenir des menus (suite de liens)
Chaque menu peut avoir des sous-menus � Arborescence
Le contenu de chaque bloc est très facilement modifiable
L'affichage d'un bloc peut être conditionnel
Suivant la page (node) affichée, le rôle du visiteur...
17. ch4
P11
Types de contenu
Type de contenu : suite de champs typés (texte, liste, booléen, date, sélection...)
Masque de saisie des contenus et affichage des contenus : un par défaut qui est modifia-
ble
Options : accès particuliers, commentaires, versions, fichiers attachés, workflow, mots
clés...
Sur portail math : types de contenu créés actuellement ou à venir
Page du portail : page HTML, un seul champ
Document de travail : page HTML, un champ, accès limité aux contributeurs, 2 états de
workfllow (utilisé, archivé)
News � fil RSS : 2 champs (date, texte)
Document local : 3 champs (auteur, date, texte), 5 états (en rédaction, en relecture, relu,
bon à
publier, publié)
Service informatique : n champs, 5 états
Site utile : n champs, 4 états
Ressources documentaires : ensemble de documents : n champs, 5 états
Ressources documentaires : point d'accès : n champs, 5 états
Ressources documentaires : licence/contrat : n champs, 5 états
Ressources documentaires : base de données bibliographiques : n champs, 5 états
Vues : tableaux, listes de contenus
Une vue : liste les contenus qui répondent à certains critères que l'on choisit (type de
contenu, dates, propriété, mots-clés, publié ou non....) et affiche certaines infos (que
l'on choisit)
Affichage en liste ou tableau ou... : dynamique
Exemples de vues actuelles sur le portail math
Pour les concepteurs : liste des utilisateurs - tous les contenus - mes contenus
Qui seront publiques : les actualités, les sites utiles, les services informatiques
Vues futures sur le portail
Pour tous les nouveaux types de contenus...
Vues spécifiques (à la demande) : tous les points accès documentaires Mathdoc par
exemple
Contenu affiché dépend des droits d'accès (du rôle)
Vue --> menu dynamique
18. ch4
P12
Lexique
Problématique portail math
Il faut utiliser un vocabulaire assez précis mais compréhensif pour les visiteurs
Il faut que tous les concepteurs soient d'accord sur la signification de chaque
terme
Exemples : communauté math, ressource documentaire, point d'accès, contrat,
site utile...
Solution : création d'un lexique (module lexicon)
On crée une définition pour chaque terme qu'on va beaucoup utiliser et qui est
employé sur le portail avec une signification particulière (remarque : article =
article scientifique)
Quand le terme est affiché dans le texte d'une page, le visiteur voit qu'il comporte
une définition et a accès à sa signification
Fonctionnalités de lexicon : on peut le désactiver et le réactiver par une balise de
type HTML, on peut modifier le mode d'affichage des termes du lexique...
Fonctionnnement DRUPAL