Rapport d activités. Apport de la mobilité à WEBSITO CMS

Dimension: px
Commencer à balayer dès la page:

Download "Rapport d activités. Apport de la mobilité à WEBSITO CMS"

Transcription

1 Rapport d activités Apport de la mobilité à WEBSITO CMS Mezcalito Mezcalito 17 Bvd Agutte Sembat Grenoble - Tuteur de stage : Laurent Beauvisage - Proffesseur : Hervé Girolet - Universtié : JF LPSMIN 1

2 Sommaire p2 Remerciements p3 I L entreprise A Présentation de l entreprise p4 B Présentation de l équipe p6 C Offres de l entreprise p9 D Organisation du travail p12 II La mission : A WEBSITO p13 B Mise en œuvre du travail p16 C Organisation du travail p25 III Avis personnel A Points positifs de mon travail p27 B Points négatifs de mon travail p27 C Conclusion p28 IV Annexes A Mes recherches et lectures p29 B Quelques photos réalisées p31 Mezcalito 2

3 Remerciements Mezcalito une agence web dynamique, productive et chaleureuse. Ce sont les quelques valeurs parmi d autres que je retiendrai. Je tiens à remercier mon tuteur de stage, Laurent Beauvisage pour le suivi technique et l implication qu il a eu tout au long de ce projet. Pour le sujet conforme à la formation et les nouvelles technologies ou techniques adoptées, qu il m a conseillé d utiliser pour l accomplissement de mon travail. Je remercie l équipe de Mezcalito, Nicolas Prat, Thomas Pierson, Yannis Sgarra, Servane Fourel, Stéphane Chaloin, Jérémy Bobbio, pour leurs conseils et leurs connaissances techniques. J ai pu acquérir de nouvelles connaissances et une nouvelle approche dans l organisation de mon travail que j expliquerai avec plus de détails par la suite. Je remercie Fabien del Nido, ainsi qu Hassen Temilli, pour avoir pris un peu de leur temps pour répondre a des questions ciblées sur l entreprise et son fonctionnement. Je voudrais remercier également mon professeur Hervé Girolet, qui est venu me voir pour voir comment mon travail avait avancé et si tout se passait pour le mieux. Je remercie pour ainir l Université Joseph Fourrier pour la formation en Service Mobile et Interface Nomade, qui nous a été donnée de suivre ainsi que l opportunité que j ai eu grâce a elle pour faire ce stage. Mezcalito 3

4 I - L entreprise A - Présentation de l entreprise Création de l entreprise Par leur envie d entreprendre et leur savoir- faire dans le domaine de l hébérgement, la création de site internet, le référencement et le télécom ; Fabien del Nido, Hassen Timili et Laurent Beauvisage fondent Mezcalito en 2006, à l origine dénommée Pamplemoos. Ils investissent euros chacun dans la création de cette société coopérative et participative (SCOP) qui hérite de certains clients de leur ancienne entreprise nommée Soprane 1 et rachète une technologie de service de réservation rebaptisée Les Parents Services comptant aujourd hui une cinquantaine de clients et plus principalement des collectivités locales. Une des forces pour démarrer cette activité et obtenir une certaine notoriété est l un de ses plus gros client nommé Twinner. Soprane avait travaillé avec eux de 2004 à 2006 pour présenter l enseigne et offrir un module de réservation de matériel de ski avant d'arrêter son activité. En mai 2007, Pamplemoos change de dénomination sociale pour Mezcalito apportant une image plus signiaiante. Elle dénote son nom d une boisson alcoolisé mexicaine, le Mezcal 2, à base du cœur d un cactus fermenté (l agave). Elle connote par son nom, sa typographie aine, sa représentation et ses couleurs vives ; l esprit et la force qui règnent dans cette jeune SSII. 1 Site de Soprane recupéré par B2F Concept : 2 Le mezcal sur wiki : Mezcalito 4

5 Quelques chiffres Mezcalito est spécialisé dans l hébergement, le référencement, la création de site internet et le télécom comptant environ 300 clients pour différents services. Répartition des produits en fonction du nombre de clients Offre Pourcentage Hébergement 70 % Création de site internet 65 % Référencement 10 % Télécom 25 % Cette SCOP a chaque année une forte croissance économique et compte aujourd hui 9 salariés. Les salariés par le statut mis en place, deviennent associés au bout de 3 ans après avoir investi un capital de euros 3. Son chiffre d affaire est estimé à environ euros en 2011 contre en 2006 soit une évolution moyenne d environ 2.06 % depuis sa création Evolution du CA Un projet est actuellement en cours pour acheter de nouveaux locaux plus spacieux d ici un an et demi. 3 Fabien del Nido : Chaque associé à Mezcalito doit statutairement atteindre euros de capital. Les 4 plus anciens associés (3 fondateurs + Servane) ont atteint ce capital. Stéphane en a moins pour le moment, mais cependant il a une voix, comme les autres. C'est un des fondements de la SCOP, le pari sur l'humain. Information par : Mezcalito 5

6 B - Présentation de l équipe Mezcalito compte 9 salariés dont 5 actuellement associés ayant un pouvoir de décision et de participation. Cette SSII par sa croissance ainancière est déjà dans une optique de créer de nouveaux emplois bien qu elle n ai pas l'envie de devenir une société importante en nombre 4. La direction : Fabien del Nido : Gérant associé A la fois technicien et dans les papiers. Il est responsable des achats, négocie directement avec les clients ou les fournisseurs, veille à la sécurité des installations (les serveurs, matériel informatique,...) ; il gère le bon fonctionnement de l entreprise, organise les réunions d équipe (le plus souvent fait le lundi matin), et passe principalement son temps dans la comptabilité. Laurent Beauvisage : Responsable technique associé Le responsable des techniciens. Il est une encyclopédie à lui seul en matière de connaissance et de savoir faire technique. Très vif, cadré et efaicace, il est aussi bien capable de déléguer à son administrateur réseau, ses développeurs qu a son webdesigner. Il délègue et suit son équipe de près pour être toujours plus en quête de productivité et de performance. 4 Fabien de Nido : Et si nous limitons notre croissance c'est par volonté. Nous ne voulons pas subir notre développement et ne souhaitons pas dépasser les 20 salariés. Mezcalito 6

7 Hassen Temili: Responsable commercial associé A une parfaite connaissance des produits sans être pour autant un expert dans la technique. Très bon communiquant, son travail consiste à répondre aux appels d offre, à récolter de l information sur le terrain, à gérer les relations client, à promouvoir ses offres... Il est d'ôté aussi d une remarquable humeur et d un certain sens de l humour qui à pour conséquence de mettre à l aise ses interlocuteurs. les salariés : Servane Fourel: développeuse sénior associé Sous windows, sa fonction est de gérer aussi bien l architecture d un site web que son développement. Elle connait différentes technologies (CMS 5 ) pour concevoir des sites internet aussi bien institutionnel que vitrine. Stéphnane Chaloin: développeur sénior associé Stéphane a la fonction de gérer principalement un des outils racheté à Soprane nommé Les Parents Services. Il met en place le produit, le met à jour en fonction du besoin et s occupe de la partie télécom de l entreprise (serveurs vocaux, SMS, minitel,...). 5 CMS : Mezcalito 7

8 Jérémy Bobbio : administrateur système et réseau Avec son clavier Dvorak 6, il tape plus vite que son ombre. Il gère aussi bien les serveurs interne qu'externe de Mezcalito et s occupe de la sécurité et fonctionnalité du réseau. Il fait des astreintes pour assurer un service d hébergement de qualité. Tomas Pierson : développeur junior Adorateur de linux. Il a la fonction de gérer la programmation avancée de certains sites internet et s occupe un peu du réseau quand l administrateur réseau n est pas là et quand l équipe en a besoin. Nicolas Prat : webdesigner junior Sous mac OSX, il maitrise les outils pour faire des retouches photo, des maquettes de site internet (mock up), mais aussi gérer de multiples langages de programmation pour intégrer des effets sur l image et des feuilles de style. Yannis Sgarra : développeur junior Travail également sous mac OSX. Il touche principalement à la programmation avancée et enrichi certains modules aain de les rendre plus fonctionnels et adaptatifs. 6 Le clavier Dvorak : Mezcalito 8

9 C - Offres de l entreprise La société a de multiples offres à proposer à sa clientèle dans l internet, l hébergement ou le télécom. Tout projet n est pas uniquement informatique, il doit être issu d une étude approfondie suivi d un cahier des charges technique et fonctionnel. Site internet : La société propose différents services pour différents supports de communication allant du bureau, à la tablette et au mobile. Elle utilise des solutions open source 7 (libre de droit) pour pouvoir améliorer l intéropérabilité entre différentes fonctionnalités pour une meilleure performance à l usage de l utilisateur. Pourquoi des sites mobiles et non pas des applications? Parce qu un site mobile s adapte à tous les supports tandis qu une application doit être adaptable selon le système et la version du mobile. Par conséquence un surcoût de production non négligeable. Mezcalito propose aussi d utiliser une technologie CMS WEBSITO qui permet de faciliter la gestion de son site internet et d avoir un site à moindre coût. Référencement : La société propose également un service de référencement permettant ainsi de mesurer l audience d un site internet ou d une campagne webmarketing par du référencement naturel ou publicitaire. 7 Open source : Mezcalito 9

10 Référencement naturel : Cette solution permet d avoir un site plus facilement mémorisable (url rewriting) et optimisé pour la recherche sur les différents moteurs de recherche Français. Elle permet également de contrôler ou suivre l audit et le nombre de clics par page, pour pouvoir mener à bien des actions ciblées. Référencement publicitaire : Cette deuxième solution utilise les services de Google Adwords et devient plus couteuse mais place son site sur les premières pages des moteurs de recherche permettant de gérer son coût grâce à un système de facturation au clic. Elle est souvent utilisée pour le lancement d un produit, une promotion, un évènement avec ciblage géographique. Mail Marketing : Le mail est un moyen de se rapprocher un peu plus près d une clientèle cible et permet de communiquer directement une offre auprès de partenaire, client ou prospect. Mezcalito utilise donc l outil Compaign Commander Entreprise 8 permettant de vériaier le taux d ouverture d un mail, le taux de clics et ceci de manière automatisé et programmé... Vente en ligne : Prestashop est l outil sélectionné par Mezcalito pour créer des sites de e- commerce et ainsi offrir à sa clientèle une boutique accessible 24/24h,une hausse de son chiffre d affaire et une gestion de ses produits (stocks, commandes en cours, livraison). 8 Compagn Commander Entreprise : Mezcalito 10

11 CMS Websito : Websito a était créé par Mezcalito pour permettre à mont travail. l utilisateur d avoir un site internet facilement administrable et de moindre coût. J en parlerai davantage dans la partie me concernant, car il est le sujet d étude de Hébergement : 3 services sont proposés par Mezcalito Mutualisé, Dédié, ou Virtualisé. Les sites sont tous hébergés sur des serveurs de proximité à Grenoble (Data Center Cogent et Data Center Xsalto). L hébergement Mutualisé : Le moins cher de tous et le moins complet. Le site hébergé est en colocation avec d autres sites sur le même serveur, a un espace limité à 500 mo par DNS, avec des services de gestion des adresses mails et des DNS. L hébergement Dédié : Permet au client d avoir son propre serveur sans partager la bande passante avec d autres sites hébergés. Ils sont surveiller en permanence et dès qu un problème survient, la personne d astreinte est immédiatement informé par SMS et peut opérer rapidement sur le réseau. L hébergement Virtualisé : Celui- ci est un peu la fusion des deux autres types de services et reprend les avantages techniques du dédié et récupère l interface du Mutualisé. Offrant un service moins chère que le dédié. Mezcalito 11

12 D - Organisation du travail Horaire de travail Toute l équipe de Mezcalito ont environ les mêmes horaires qui débutent le matin à 9h et se ainissent à 12h30 et reprenne à 14h pour se terminer à 17h30 du lundi au vendredi. Certains de l équipe ont des horaires modulés comme Servane, Stéphane ou Jérémy. Servane ne travaille pas le mercredi pour s occuper de son enfant, Stéphane travaille à mi- temps du lundi au mercredi et Jérémy du mercredi au vendredi. Travaillant dans une SCOP chacun est responsable de leurs horaires et valorise a certains moments le télétravail. Réunion d équipe Plusieurs réunions ont lieu par mois. Une chaque lundi pour débriefer sur les projets en cours, trouver des solutions et revoir le planning. Elle est nécessaire pour le bon déroulement des projets et concerne les associés et l équipe de travail. Une autre est consacrée à la technique et ce surnomme le midi de la technique organisée par laurent Beauvisage, généralement de 12h à 13h, une fois par mois. Elle concerne seulement l équipe technique et permet d échanger sur des technologies pouvant être adoptées. Une autre concerne seulement les associés et a lieu elle une fois par semaine. Elle est conaidentielle et ne concerne pas les salariés de Mezcalito non associé. Mezcalito 12

13 II - Ma mission Délégué par Laurent Beauvisage, l objectif de ma mission était de donner un petit coup de jeune et d apporter la mobilité au CMS WEBSITO 9 mis en place par MEZCALITO en A - WEBSITO Pour comprendre les différentes étapes de mon projet, il est nécessaire de comprendre comment fonctionne ce CMS (Content Management System) car c est sur cette technologie que j ai consacré mes 3 mois de stage. Websito utilise le modèle MVC dans un cadre de développement PHP (framework) Codeigniter. On peut le voir comme une boite à outil permettant de gagner du temps en terme de développement fournissant une bibliothèque prenant en charge les tâches les plus répétitives. Modèle MVC : les différentes interactions entre le modèle, la vue et le contrôleur. Les lignes pleines indiquent une association directe tandis que les pointillés sont une association indirecte... Il comprend actuellement une trentaine de sites mis en ligne, basé sur trois templates différents qui sont eux-mêmes reliés a un backoffice (partie administrable des différents sites) comprenant trois niveaux d utilisation (utilisateur, administrateur, root). Chaque 9 CMS Websito : Mezcalito 13

14 niveau d utilisateur a une vue spécifique pour gérer le ou l ensemble des sites de Websito. Chaque utilisateur appartient à un groupe de sites avec des restrictions plus ou moins importantes. Le niveau root : A un accès total sur l ensemble du backoffice. Il peut aussi bien gérer les groupes d utilisateurs pour les supprimer, leur attribuer un statut spécifique que gérer également les groupes de sites, les pages et les modules de chacun d eux. Il est attribué aux techniciens de Mezcalito qui s occupent de la maintenance ou du développement des sites. Le niveau administrateur : Peut seulement modifier le contenu des pages pour un ou plusieurs sites du même groupe. Il a également la possibilité de rajouter des modules supplémentaires. Il s adapte au technicien ou la personne du site propre à l entreprise qui gère le site. Mezcalito 14

15 Le niveau utilisateur : Ce niveau là est très restreint en droit. Il peut seulement modifier les pages du site et rajouter une langue ou d un module déjà attribué. Websito peut gérer plusieurs types de langue, Français, Anglais, Espagnol, Allemand, Néerlandais et charger automatiquement la feuille de style (un document xml) propre au site afin de respecter la charte graphique du site. Le frontoffice comporte 3 architectures différentes (template) et permet ainsi de gagner du temps dans la conception de nouveaux sites. Il suffit simplement de définir une feuille de style différente pour avoir un site complétement différent dans l apparence. Le problème de Websito est qu il n était pas du tout adapté à la mobilité et de plus en plus de clients commencent à vouloir avoir un site qui s adapte à ce genre de support. Mezcalito 15

16 B - Mise en œuvre du travail Confronté a cette problématique mon travail s est accès sur le frontofaice et le backofaice. Travail sur le frontoffice de WEBSITO L objectif n 1 : Observer les différents templates ainsi que le squelette de chaque site anin de créer un mock up (schéma ou maquette) pour adapter leurs contenus à la mobilité. Cette première étape fut essentielle pour comprendre le fonctionnement de Websito dans l objectif de refondre ce qui était uniquement dédié au desksotp a plus de souplesse et d adaptabilité face aux nouvelles technologies tel que les tablettes et les mobiles. J ai dû faire quelques recherches ciblées sur 4 principes du responsive design, qui sont les grilles aluides, le contenu alexible, les media query et bien évidement le VIEWPORT. Les grilles aluides permettent de cloisonner des composants aixes dans une grille pour pouvoir faciliter le graphisme à l architecture et la mise en place d un style css dans un site internet. Le contenu alexible est une manière de penser avant tout. On oubli le px et on utilise certaine propriété css qui sont essentiel dans cette approche (Mobile airst 10 ) comme le % pour les la 10 Mobile first : Mezcalito 16

17 tailles, les marges,... des conteneurs HTML (div, ul, span,...) ou le em pour taille des polices contenue dans des blocs tel que (h1, h2, p, span, li,...). Pour plus d information a ce sujet on peut lire la bible dans ce domaine Responsive Design d Ethan Marcotte 11. Media query est une propriété de CSS3 permettant de palier à l attribut «media» de CSS2 de la balise <link /> : media= handheld à la base prévue pour le mobile mais pas utilisé par les navigateurs des mobiles en question qui par défaut lisent media= screen (Ethan Marcotte nous en parle également plus sérieusement dans son livre). CSS3 nous permet donc d utiliser une propriété qui nous permet de définir dans une même feuille de style ou l attribut media le code css qui sera interprété pour une résolution ou une taille spécifique au support de navigation. Enfin le viewport permet de spécifié l échelle et la taille d affichage de la mise en page pour apporter une résolution optimale à l utilisateur. J ai également réfléchit, à comment gérer la détection du navigateur pour savoir si c est du mobile ou du desktop (user agent) et comme le framework Codeigniteur est bien fait, il y a une classe et une fonction prévue a cet effet. 11 Responsive Design par Ethan Marcotte : Mezcalito 17

18 L objectif n 2 : Trouver un moyen pour que chaque site déjà existant puisse s adapter au mobile et le mettre en place sans toucher à l architecture et en n utilisant que des classes html. Je savais qu il y avait un problème d adaptation sur différent support dû à l architecture des sites qui ne convenait pas a celle du mobile (l afaichage d un tableau à plusieurs colonnes qui sur un mobile dépasserait de l écran, un menu horizontal qui se transforme en dropdown (balise <select> html) ou l afaichage d une image dans une lightbox qui doit s adapter au format paysage ou au portrait et doit s approprier des largeurs maximales du navigateur... Pour remédier a ce type de problème, j ai donc dû faire une initialisation des feuilles de styles en css (Reset CSS, Eric Meyer 12 ) ainsi quand javascript (ajax) pour certain style directement intégré à l architecture html. J ai par la suite,créer un style css de base propre au mobile avec des classes html spéciaique (ex : class= header_mobile ) et ai transformé des contenus aixes en contenus alexibles. J ai également adapté une ergonomie en factorisant des fonctions en javascript pouvant être chargées et utilisées dans chaque site au besoin. Il est presque essentiel de l utiliser si l on veut gagner du temps. En très peu de temps, en n attribuant uniquement des classes HTML et le script js, il est possible grâce à cet outil de formater un site web desktop en site web mobile. 12 Reset css d Eric Meyer : Mezcalito 18

19 L objectif n 3 : Résoudre le problème de détection si c est mobile ou desktop et permettre à l'utilisateur de choisir entre les deux types d interfaces. La détection était déjà prévue dans codeigniter 13 cependant il m a fallu créer des fonctions permettant d utiliser la classe php prévue a cet effet aain permettre au navigateur de mémoriser un quelconque support et d autoriser le changement à sa convenance (Mobile ou desktop). J ai pour se faire écrit des fonctions dans un modèle (Codeigniter, MVC Model Vue Contrôler ) de websito permettant de charger les styles css ou javascript en fonction de la détection. Une fois la détection faite, il fallait la mémoriser. L utilisation des cookies était non négligeable. 13 User agent : Mezcalito 19

20 L objectif n 4 : Factorisation de différentes méthodes pour appeler des liens css ou js utilisant les technologies pour mininier le code en un seul script et une seule ligne. J ai rajouté une catégorie dans la base de données pour autoriser ou non la mise en place d un site mobile à partir du backofaice. L objectif suit le précédant et permet de trier (en fonction de la détection de l user agent et si l option est permise dans le backofaice) les différents scripts appropriés à l usage. Chaque lien est donc formaté dans un tableau puis miniaié 14 pour encoder et charger tous les scipts et styles en un seul aichier. Cette méthode permet de charger le site plus rapidement ce qui est nécessaire sur un mobile utilisant un réseau 3g, 2g, Hedge,.... L objectif n 5 : Factorisation du code css en less 15 avec gestion des variables... Less est une très bonne technologie pas encore reconnue et adaptée de tous, mais vraiment nécessaire pour ce type de projet. Less sans rentrer dans les détails et dans son apprentissage, permet de rendre le css encore plus intelligent et facile d exploitation. Dans un projet comme celui- ci l'intérêt est de charger le script de base et dans modiaier les variables qui se réfèrent à des propriétés css comme la couleur, la taille, la police,..., est de pouvoir changer la conaiguration d un style du template en quelques déainitions. Il n est donc, grâce a cette technologie qui compile du code less en css, plus nécessaire de re- spéciaier les classes ou les identiaiants de chaque balise html. Ne maîtrisant pas la technologie, j ai dû me documenter et me former sur celle- ci aain de rendre l outil propre et fonctionnel. 14 Minify google : 15 LessCSS : Mezcalito 20

21 Travail sur le back-office de WEBSITO L objectif n 1 : Refondre le back-ofnice en utilisant deux technologies principales : Twitterboostrap 16 et less. Twitter Bootstrap permet d adapter un design responsive (mobile, tablette, bureau ) en redéainissant des classes html à chaque composant de l architecture. Pour mettre en place cette technologie il m a fallu revoir l ergonomie de chaque vue du backofaice pour en modiaier l interface de base. J ai donc apporté des modiaications importantes à l architecture spéciaiant les classes html attribuées de Twitter Bootstrap. J ai également écrit un aichier less permettant d initialiser le style css des navigateurs de base et d appeler les styles less de Twitter Bootstrap. Pour plus de productivité car il est facile de s y perdre lorsque l on touche à une quarantaine de aichier en même temps, était de faire des recherches ciblées grâce à la console (bash) permettant de lister tous les aichiers contenant un mot spéciaique et éventuellement de le remplacer par un autre Twitter Bootstrap : Mezcalito 21

22 L objectif n 2 : Rendre le menu de navigation du gestionnaire de site plus ergonomique et adapté à la mobilité. Un bon travail de réalexion pour apporter une meilleure ergonomie a ceux qui existaient à l origine, comme la mise en place de deux moteurs de recherche en ajax permettant de rechercher un type particulié de contenu. Formatage de menu ou de tableau pour alléger la lecture d une page. Il fallait cibler l utilisateur vers des champs spéciaiques à remplir... L objectif n 3 : Adapter un wysiwyg et un manageur de Nichier compatible avec les différents navigateurs ainsi que sur mobile, tablette et bureau. Sur l ancienne version de webstio existait déjà ces outils bien que dépassés par rapport à ce qui se fait aujourd hui en terme de wysiwyg (What you see is what you get) et de manageur de aichier. J ai donc opté pour la technologie Ckeditor 17 et Filemanager 18 qui contrairement à son prédécesseur est compatible et adaptatif sur tous navigateurs. Le seul problème est qu il n était pas géré de la même manière que l ancien. Il m a fallut trouver des solutions pour modiaier le wysiwyg lui- même aain d adapter ce que je voulais faire. Le manageur, quant à lui, 17 Ckeditor : 18 Filemanager sur Gihub : https://github.com/simogeo/filemanager Mezcalito 22

23 apporte de nouvelles fonctionnalités comme l aperçu des aichiers et l ergonomie de l interface. Le manageur n est quant à lui pas adapté au mobile mais seulement aux tablettes de gros format ou au bureau mais n est pas forcément l outil le plus utilisé. Le manageur n est quant à lui pas adapté au mobile mais seulement aux tablettes de gros format ou au bureau mais n est pas forcément l outil le plus utiliser. L objectif n 4 : Factorisation et gestion des styles formatés en xml pour le wysiwyg Une fois les technologies adaptées, il m a fallu lui apporter des fonctionnalités que l ancien avait, mais que lui n avait pas comme la gestion des styles formatés en XML ne lisant uniquement des tableaux d objets javascript. Il m a fallu factoriser un algorithme pour récupérer ce aichier généré par un script php en ajax et dans transtyper son contenu en objet pour le wysiwyg. Mezcalito 23

24 L objectif n 5 : Correction d un bug et d une fonctionnalité pour la création de page parent ou enfant. Mon projet comportait un bug dans les fonctionnalités du backofaice. Lorsque l on voulait rajouter une page à un site, il rajoutait une page enfant à la page parent. Le sénario de l ancienne version du backofaice n était pas le même. J ai donc mis en place en ajax la possibilité de créer une nouvelle page parent ou une nouvelle page enfant. Finalité du travail Création d un template adapté au mobile pour permettre à l équipe de Mezcalito d adopter et de comprendre les nouvelles fonctionnalités misent en place dans le cms. Mezcalito 24

25 C - Organisation du travail Plateforme de travail Mon travail a été effectué sur le système d exploitation mac osx Lyon en utilisant différents outils et langages de programmation. Outil de version L outil principal de ce projet est Git 19, qui est un logiciel de version décentralisé. Quand plusieurs développeurs travail sur un même projet, il se peut qu il y ai souvent des problèmes. Les développeurs changent à chaque fois quelque chose et tous les autres développeurs du projet doivent en quelque sorte se mettre à jour. Si les modiaications n'étaient pas aussi bonnes que cela, il devrait y avoir une possibilité de retour à un état antérieur ou de rétablir le code par d'autres moyens. La première solution à ce problème est de créer un dépôt centralisé. Ce dépôt est géré par un système de contrôle de révision/version. Les changements sont généralement identiaiés par un numéro et sont appelés révisions. Par exemple, une première série de aichiers est révision. Lorsque le premier changement est effectué, l'ensemble est la révision. Chaque révision est associée à un horodatage et à la personne qui fait le changement. Les révisions peuvent être comparées, restaurées et avec certains types de aichiers, fusionnées. Je me suis donc familiarisé avec cet outil pour récupérer le projet de base centralisé sur les serveurs de Mezcalito pour faire des améliorations du projet sans écraser celui d origine. Maquette Pour débuter ce projet, j ai utilisé Wireframesketcher 20, un plugin d Eclipse qui m a permis de créer une maquette (mock up) et d orienter mes recherches. Editeur de texte Netbeans, un peu lourd mais faisant son travail et que j ai utilisé après en avoir essayé plusieurs qui ne me convenaient pas. La particularité de cet éditeur en comparaison des autres, est qu il se jumelle parfaitement bien avec le logiciel de version Git et permet de contrôler les différences entre chaque version de aichier créé. Au changement de branche, il 19 Git : 20 Wireframesketcher : Mezcalito 25

Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe

Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe Simon Benjamin BTS SIO Rapport de stage : Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe Entreprises : 2014/2015-1 - - 2 - Remerciements Je tiens tout

Plus en détail

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013 Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières

Plus en détail

Rapport individuel Génie logiciel

Rapport individuel Génie logiciel 2012 Rapport individuel Génie logiciel Dans ce rapport sera présenté l ensemble des activités effectuées au cours du projet de création de site de covoiturage «Etucovoiturage» (http://etucovoiturage.free.fr)

Plus en détail

Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009

Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009 Rapport de Stage Christopher Chedeau 2 au 26 Juin 2009 «Web. De l intégration de pages statiques HTML à un CMS, à la dynamisation d un site grâce au Javascript et l utilisation de nouvelles technologies

Plus en détail

Contexte PPE GSB CR. Analyse. Projet réalisé :

Contexte PPE GSB CR. Analyse. Projet réalisé : Contexte PPE GSB CR Le laboratoire est issu de la fusion entre le géant américain Galaxy et le conglomérat Swiss Bourdin. Cette fusion a eu pour but de moderniser l activité de visite médicale et de réaliser

Plus en détail

PROFIL. Intégrateur Web. Missions

PROFIL. Intégrateur Web. Missions L intégrateur HTML est chargé de développer la partie front office des sites internet ou encore de coder les newsletters en HTML. À partir des éléments graphiques fournis au format Photoshop, il réalise

Plus en détail

STAGE2 STAGIAIRE / NIKOLAOS TSOLAKIS. 16/02/2015 : choix des outils nécessités pour l application : Didier Kolb, le maitre de stage

STAGE2 STAGIAIRE / NIKOLAOS TSOLAKIS. 16/02/2015 : choix des outils nécessités pour l application : Didier Kolb, le maitre de stage STAGE2 STAGIAIRE / NIKOLAOS TSOLAKIS 16/02/2015 : choix des outils nécessités pour l application : Didier Kolb, le maitre de stage m invite à faire une étude sur les outils qui seraient utilisés. Sites

Plus en détail

Plus De Cartouches 2013/2014

Plus De Cartouches 2013/2014 Plus De Cartouches 2013/2014 Page 1 SOMMAIRE INTRODUCTION ET PRESENTATION...3 MISSIONS...4 LE CONTEXTE DES MISSIONS...4 LES OBJECTIFS...4 LES CONTRAINTES...5 REALISATIONS...6 CHOIX EFFECTUÉS...6 RÉSULTATS...10

Plus en détail

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET CAHIER DES CHARGES DE REALISATION DE SITE INTERNET Nom de l entreprise : Adresse : Tel : Fax : Email : Personne à contacter dans l entreprise : 1 SOMMAIRE 1 PRESENTATION DE L ENTREPRISE...3 2 PRESENTATION

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Rapport de Stage Pulido Julien. BTS SIO 2ème année Option Solutions Logicielles et Applications Métiers

Rapport de Stage Pulido Julien. BTS SIO 2ème année Option Solutions Logicielles et Applications Métiers BTS SIO 2ème année Option Solutions Logicielles et Applications Métiers 19 Janvier au 6 Mars 2015 BTS SIO 2ème année Table des matières I. REMERCIEMENTS... 2 II. PRESENTATION DE L ENTREPRISE... 3 III.

Plus en détail

CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI 2011. La création de sites internet

CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI 2011. La création de sites internet CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI 2011 La création de sites internet Le référencement de sites internet Je veux créer mon site internet Objectifs et démarche Les objectifs Définition Un site internet

Plus en détail

SITE I NTERNET. Conception d un site Web

SITE I NTERNET. Conception d un site Web SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.

Plus en détail

Présentation de la solution IZI-MEDIA mise en œuvre par SiteWebPro

Présentation de la solution IZI-MEDIA mise en œuvre par SiteWebPro Présentation de la solution IZI-MEDIA mise en œuvre par SiteWebPro 1. GENERALITÉS : LA GESTION DE CONTENU - CONTENT MANAGEMENT SYSTEM 1.1. LA GESTION DE CONTENU, C'EST QUOI? Un système de gestion de contenu

Plus en détail

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE Cahier des Charges Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE 1 PRESENTATION DE L ENTREPRISE... 2 PRESENTATION DU PROJET... 2.1 ROLES...

Plus en détail

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Web Designer Durée 90 jours (630 h) Public Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Objectifs La formation Web designer

Plus en détail

Yohan 2014-2015 GESTION DE PROJET. Objectif : Création d'un site internet commercial pour l'entreprise LIS Santé

Yohan 2014-2015 GESTION DE PROJET. Objectif : Création d'un site internet commercial pour l'entreprise LIS Santé CARPENTIER BTS SIO Yohan 2014-2015 GESTION DE PROJET Objectif : Création d'un site internet commercial pour l'entreprise LIS Santé Phase de définition du projet liée à une définition de la mission La mission

Plus en détail

Projet Covoiturage TP 1

Projet Covoiturage TP 1 Projet Covoiturage TP 1 Description du thème Ce TP est le premier d une série mettant en œuvre le développement mobile en utilisant la bibliothèque jquery Mobile. Propriétés Description Intitulé long Formation

Plus en détail

Systèmes de Gestion de Contenu

Systèmes de Gestion de Contenu Introduction aux de site Web Master 1 CAWEB Page 1/7 Introduction Définition CMS Content Management Systems : logiciels de conception et de mise à jour dynamique de site web ou d'application multimédia

Plus en détail

FRANCOISE Rémi BTS SIO 2012-2013 DECO FER FORGE FERRONNERIE. Lycée de la cci

FRANCOISE Rémi BTS SIO 2012-2013 DECO FER FORGE FERRONNERIE. Lycée de la cci BTS SIO Lycée de la cci FRANCOISE Rémi 2012-2013 DECO FER FORGE FERRONNERIE Nom du tuteur : FRANCOISE Emmanuel Qualité : CEO BTS SIO 2011/2012 Septembre 2012 TABLE DES MATIERES 1. INTRODUCTION ET PRESENTATION...

Plus en détail

INTEGRATEUR DEVELOPPEUR

INTEGRATEUR DEVELOPPEUR www.emweb.fr INTEGRATEUR DEVELOPPEUR FORMATION ELIGIBLE AU DIF/CIF DURÉE : 700 h de formation PRE REQUIS Avoir un esprit logique Etre motivé(e)! OBJECTIF A l issue de cette formation, vous serez capable

Plus en détail

Comprendre son devis de création de site web Peggy UCAR

Comprendre son devis de création de site web Peggy UCAR Comprendre son devis de création de site web Peggy UCAR Powerpoint Templates Page 1 Règle générale: Graphisme Création logo & identité graphique Création du Webdesign & intégration graphique Rédaction

Plus en détail

Rapport de Post- Campagne 1

Rapport de Post- Campagne 1 Rapport de Post- Campagne 1 Résumé - La campagne Adwords que nous avons mené pour Galerie Photo-Originale a duré 21 jours (5.05-26.05) et nous a coûté $250,18. L objectif principal est en premier de stimuler

Plus en détail

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes Symfony 2 Sommaire : 1.Définition de symfony 2 2.Installation 3.Structure 4.Symfony et les commandes 5.Le fonctionnement : le routeur (les url), les bundles, twig(templates) 6.L architecture de symfony2

Plus en détail

RAPPORT DE STAGE. Terrasse Hugo 1/12

RAPPORT DE STAGE. Terrasse Hugo 1/12 RAPPORT DE STAGE Terrasse Hugo 1/12 Sommaire Introduction Les CMS Présentation CMSMS CMS Made Simple Prestashop Les Travaux VAMO Moulin du Calanquet Le Responsive Design La Refonte graphique Le Reférencement

Plus en détail

CAMPUS SUPINFO DE NICE STAGE A TEMPS PLEIN MAUFFRAY 127811 PROMOTION B1

CAMPUS SUPINFO DE NICE STAGE A TEMPS PLEIN MAUFFRAY 127811 PROMOTION B1 CAMPUS SUPINFO DE NICE STAGE A TEMPS PLEIN MAUFFRAY 127811 PROMOTION B1 RAPPORT DE STAGE Rapport de stage Mauffray thomas Page 1 Version : 1.0 Sommaire I. Introduction... 3 I.1. Objet du document... 3

Plus en détail

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source JOOMLA Introduction Joomla est un système de gestion de contenu CMS open source Il permet la conception rapide de sites Web avec une présentation soignée et une navigation très simple C est l outil idéal

Plus en détail

Soutenance de stage Kévin Barré

Soutenance de stage Kévin Barré ESK Group Soutenance de stage Kévin Barré Société Atophisse Kevin Barré 11 Soutenance de Stage Atophisse Contenu L entreprise :... 2 L équipe :... 2 Les locaux :... 3 L infrastructure :... 3 Mon rôle :...

Plus en détail

PROJET «EUROSCANNING»

PROJET «EUROSCANNING» PROJET «EUROSCANNING» Bruxelles, le 14 Mai 2007 Ce document est rédigé en réponse à la demande de Monsieur Xavier WEIL concernant la conception d'un site internet destiné à présenter et promouvoir la société

Plus en détail

Une ergonomie intuitive

Une ergonomie intuitive Une ergonomie intuitive Les solutions de la ligne PME offrent une interface de travail proche des usages quotidiens en informatique. Leur ergonomie intuitive facilite la prise en main du logiciel. Une

Plus en détail

Mode d emploi d artishoc mobile

Mode d emploi d artishoc mobile Mode d emploi d artishoc mobile Version gratuite Version 4 Mise à jour le 05/01/2011 Ce mode d emploi est à l usage exclusif des utilisateurs de l offre mobile gratuite d artishoc mobile. Il n a pas de

Plus en détail

Gestion de contenus (via un CMS)

Gestion de contenus (via un CMS) Gestion de contenus (via un CMS) Contexte : Stage de 5 semaines chez «Asolution» à Lyon 2 ème 6 janvier 2014 => 7 février 2014 1) Outil de travail utilisé Interface de gestion de contenu web (CMS) : Cette

Plus en détail

Devenez un véritable développeur web en 3 mois!

Devenez un véritable développeur web en 3 mois! Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web

Plus en détail

Devis pour la création de votre site Internet

Devis pour la création de votre site Internet Proposition commerciale Réf. : PR1408-0288 Date : 28/08/2014 Durée de validité : 30 jours Code client : CU1408-2685 Adressé à : Serial Kreative SPRL Chaussée de Tubize 208 1440 Wauthier-Braine BE0845551275

Plus en détail

Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite

Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite Guide de démarrage Débuter avec e-monsite... page 2 Les termes spécifiques à e-monsite... page 2 Le manager... page 2 Les modules... page 3 Les widgets... page 3 Les plugins... page 4 Ajouter du contenu...

Plus en détail

Présentation générale

Présentation générale Présentation générale Izi-média est une solution facile, immédiate et à portée de tous Vous avez besoin de réaliser des sites web simples ou des sites évènementiels? Izi-media est la solution faite pour

Plus en détail

Sommaire. 1 Introduction 19. 2 Présentation du logiciel de commerce électronique 23

Sommaire. 1 Introduction 19. 2 Présentation du logiciel de commerce électronique 23 1 Introduction 19 1.1 À qui s adresse cet ouvrage?... 21 1.2 Comment est organisé cet ouvrage?... 22 1.3 À propos de l auteur... 22 1.4 Le site Web... 22 2 Présentation du logiciel de commerce électronique

Plus en détail

Stéphane FERRANTE MATICE Pam de TOULON

Stéphane FERRANTE MATICE Pam de TOULON MOODLE : Présentation de la plate-forme MOODLE Réunion animateurs Matice 22 Avril 2010 Stéphane FERRANTE MATICE Pam de TOULON Steéphane.ferrante@ac-nice.fr MOODLE : Présentation de la plate-forme MOODLE

Plus en détail

Utilisation de Sarbacane 3 Sarbacane Software

Utilisation de Sarbacane 3 Sarbacane Software Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur

Plus en détail

Versus Etude Technologique

Versus Etude Technologique VS Versus Etude Technologique 1 VS Contents Introduction... 3 Présentation des technologies... 3 Phonegap... 3... 3 Pour quels besoins?... 4 Comment ça fonctionne? Les models... 4 Phonegap... 5... 6 Comparatif...

Plus en détail

Développement. Les Métiers du Numérique

Développement. Les Métiers du Numérique Développement Développeur backend/frontend Développeur / Intégrateur Développeur mobile Architecte web Ingénieur Etude et developpement Concepteur Développeur + une technologie : PHP, Symfony, RoR (RubyOnRails),

Plus en détail

Bien comprendre les différences

Bien comprendre les différences Créer mon premier blog Dans la précédente page (Créer mon site), il était question de créer un site web. Une autre façon de s'exprimer sur le web, est d'utiliser un blogue (blog en anglais). Oui, mais

Plus en détail

FORMATION WEBMASTER AVANCEE :

FORMATION WEBMASTER AVANCEE : FORMATION WEBMASTER AVANCEE : OBJECTIF : 300 HEU RE S - 4 MOIS Apprendre à créer des sites internet par diverses méthodes en apprenant les bases des différents langages que constituent la création de site

Plus en détail

VOLUME 1 CRÉATION D UN SITE WEB

VOLUME 1 CRÉATION D UN SITE WEB VOLUME 1 CRÉATION D UN SITE WEB Comprendre les principales étapes TABLE DES MATIÈRES PARTIE 1 - RENCONTRE DE DÉMARRAGE 03 PARTIE 2 - ANALYSE FONCTIONNELLE 03 PARTIE 3 - ARBORESCENCE 04 PARTIE 4 - MAQUETTES

Plus en détail

Active CRM. Solution intégrée de téléprospection. www.aliendoit.com 04/10/2011

Active CRM. Solution intégrée de téléprospection. www.aliendoit.com 04/10/2011 www.aliendoit.com Active CRM Solution intégrée de téléprospection 04/10/2011 Alien Technology 3E Locaux Professionnels Km 2.5 Route de Kénitra 11005 SALÉ MAROC Tél. : +212 537 84 38 82 Fax : +212 537 88

Plus en détail

1-Cianéo : Grandir Ensemble. 2-Cianéo : Le site qui vous correspond 2-1 Les Packs... p4 2-2 Les Options. 3-1 Le suivi p6 3-2 L outil de mise à jour

1-Cianéo : Grandir Ensemble. 2-Cianéo : Le site qui vous correspond 2-1 Les Packs... p4 2-2 Les Options. 3-1 Le suivi p6 3-2 L outil de mise à jour Sommaire : 1-Cianéo : Grandir Ensemble... p3 2-Cianéo : Le site qui vous correspond 2-1 Les Packs... p4 2-2 Les Options... p5 3-Cianéo : Vous n êtes pas seul... 3-1 Le suivi p6 3-2 L outil de mise à jour...

Plus en détail

L utilisation d outils intelligents pour écrire du code valide

L utilisation d outils intelligents pour écrire du code valide B L utilisation d outils intelligents pour écrire du code valide Toutes les méthodes de développement, sans exception, incluent au moins une étape de test du code. C est parce que le code écrit par la

Plus en détail

L Internet à votre image

L Internet à votre image L Internet à votre image IwebYou votre Webagency spécialisée Innovation Web-Knowledge Y-Generation «L'open source est la valeur fondamentale de notre développement avec lesquels, nous proposons des solutions

Plus en détail

FICHE D ACTIVITE N 1 : APPLICATION WEB A OUEST- INFORMATIQUE PARTIE (1/3)

FICHE D ACTIVITE N 1 : APPLICATION WEB A OUEST- INFORMATIQUE PARTIE (1/3) FICHE D ACTIVITE N 1 : APPLICATION WEB A OUEST- INFORMATIQUE PARTIE (1/3) Table des matières I. Pôle de compétences concernées... 3 II. Circonstance et contexte... 3 III. Situation professionnelle et niveau

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Rapport de stage chez Busineo. à Paris, du 2 au 8 mars et du 20 avril au 3 mai (2009) Pablo Rauzy. L2 Info - Faculté des Sciences de Luminy

Rapport de stage chez Busineo. à Paris, du 2 au 8 mars et du 20 avril au 3 mai (2009) Pablo Rauzy. L2 Info - Faculté des Sciences de Luminy Rapport de stage chez Busineo à Paris, du 2 au 8 mars et du 20 avril au 3 mai (2009) Pablo Rauzy L2 Info - Faculté des Sciences de Luminy Stage encadré par Olivier Chambon, développeur web et chef de projet

Plus en détail

Les outils du Web* : comment ça marche et à quoi ça sert?

Les outils du Web* : comment ça marche et à quoi ça sert? Sites Web Les outils du Web* : comment ça marche et à quoi ça sert? Sites marchands, e-commerce Forums Blogs Réseaux sociaux grand public : Facebook, Twitter Réseaux sociaux professionnels : Linkedin,

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET?

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? 1. Présentation 1.1 Les coordonnées Mentionnez ici les coordonnées exactes de l entreprise ou de la collectivité (adresse postale, numéro de

Plus en détail

Sites web propriétaires

Sites web propriétaires Ce document est disponible à : C:\Users\pc_samba\Documents\Doc sites prop.docx Sommaire 1 Introduction... 3 2 Création du mini-site... 4 2.1 Autorisation de création... 4 2.2 Création de votre site Web...

Plus en détail

Livre Blanc XT-Phone. Octobre 2012. Page 1 sur 12

Livre Blanc XT-Phone. Octobre 2012. Page 1 sur 12 Page 1 sur 12 Livre Blanc XT-Phone Octobre 2012 Page 2 sur 12 Sommaire 1- Introduction... 3 2- Comment cela fonctionne... 3 2.1 Le besoin... 3 2.2 L entreprise... 4 2.3 Le salarié... 4 2.4 Le XT-Phone

Plus en détail

Personne à contacter : Françoise LE GUERN

Personne à contacter : Françoise LE GUERN Mairie de Guingamp 1 place du Champ-au-Roy BP 50543 22205 GUINGAMP cédex Tél : 02 96 40 64 40 Fax : 02 96 44 40 67 Email : mairie@ville-guingamp.com Personne à contacter : Françoise LE GUERN SOMMAIRE 1

Plus en détail

INTRODUCTION CHAPITRE 1

INTRODUCTION CHAPITRE 1 CHAPITRE 1 INTRODUCTION Query, qu est-ce que c est?... 11 HTML, CSS, JavaScript, PHP : qui fait quoi?... 16 Un environnement de développement simple et gratuit... 19 Ce que vous allez apprendre... 20 9

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

CONDUITE DE PROJET WEB

CONDUITE DE PROJET WEB 1) La conception fonctionnelle A. Déterminer la structure du site et des pages Web Livrables pour cette phase : Plan du site Trames de pages Spécifications fonctionnelles Tâche réalisée par le Web designer.

Plus en détail

Tutoriel. Supports de textes compatibles : Compatible avec : Scan (OCR) Word 2007 (.docx) PDF. Safari Internet Explorer. (.odt) Web (.

Tutoriel. Supports de textes compatibles : Compatible avec : Scan (OCR) Word 2007 (.docx) PDF. Safari Internet Explorer. (.odt) Web (. Tutoriel Compatible avec : Chrome Firefox Supports de textes compatibles : Safari Internet Explorer Word 2007 (.docx) PDF Scan (OCR) Open Doc Page (.odt) Web (.html) Ce manuel est sous licence Creative

Plus en détail

VENDRE SUR INTERNET : C EST FACILE!

VENDRE SUR INTERNET : C EST FACILE! VENDRE SUR INTERNET : C EST FACILE! e-commerce : des perspectives prodigieuses de croissance! De plus en plus d internautes achètent sur Internet. C est ainsi que le marché du commerce électronique ne

Plus en détail

Les modèles technologiques de la localisation

Les modèles technologiques de la localisation Les modèles technologiques de la localisation Les modèles technologiques de la localisation Cécile Martin Université Rennes 2 Avant d entrer en détails dans les modèles technologiques de la localisation,

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

7 ACTIONS MARKETING POUR VENDRE PLUS AVEC

7 ACTIONS MARKETING POUR VENDRE PLUS AVEC 7 ACTIONS MARKETING POUR VENDRE PLUS AVEC SOMMAIRE EDITO... 3 1. Visez à décrocher des ventes récurrentes... 5 2. Envoyez des newsletters ciblées... 6 3. Ciblez selon des critères géographiques... 8 4.

Plus en détail

Cahier des charges pour la rénovation du site internet de Kinross Tasiast

Cahier des charges pour la rénovation du site internet de Kinross Tasiast Cahier des charges pour la rénovation du site internet de Kinross Tasiast Page 1 sur 7 OBJECTIFS DU PORTAIL 1) Présenter Kinross : le Groupe et les implantations en Mauritanie, les valeurs du Groupe (rubrique

Plus en détail

Rapport de stage en Entreprise

Rapport de stage en Entreprise Rapport de stage en Entreprise Laurie GIRY Année 2014 Période du : 05/01/15 au 09/01/15 BTS SIO 2ème Année Société Atiliom, Chambly, France. Page 1 sur 39 Sommaire : 1. Implantation géographique...page

Plus en détail

Bonjour, Matthieu, pouvez-vous nous expliquer le concept de Nuukik?

Bonjour, Matthieu, pouvez-vous nous expliquer le concept de Nuukik? Bonjour, Matthieu, pouvez-vous nous expliquer le concept de Nuukik? Nuukik est un moteur de recommandation de produit aidant les e-commerçants à dynamiser et personnaliser leur offre commerciale afin de

Plus en détail

novatis Agence Web innovatrice

novatis Agence Web innovatrice QUI SOMMES NOUS? 02 novatis La théorie c est quand on comprend tout et que rien ne marche La pratique c est quand tout marche mais on ne sait pas pourquoi! Chez Novatis, nous avons réussi les deux... tout

Plus en détail

UNIVERSITE BORDEAUX - MONTAIGNE. Projet HK_Lime

UNIVERSITE BORDEAUX - MONTAIGNE. Projet HK_Lime UNIVERSITE BORDEAUX - MONTAIGNE INSTITUT UNIVERSITAIRE DE TECHNOLOGIE Département MMI (Métier du Multimédia et de l Internet) Projet Tuteuré Deuxième Année Projet HK_Lime Etudiants: Alexandre Lacombe Jimmy

Plus en détail

Rapport de production

Rapport de production Rapport de production Evaluation personnelle Lieu de stage : Dasmuse Maître de stage : Daniel Leivas Maître de pratique professionnel : Laeticia Pottiez Jounaid Hayani - EMU2-2014-2015 Rapport de production

Plus en détail

CityTechs Cahier de spécifictions v2

CityTechs Cahier de spécifictions v2 CityTechs Cahier de spécifictions v2 Le 8 décembre 2010 Page 1 sur 7 Table des matières Présentation du projet... 3 Environnement technique... 3 Le système de gestion de contenus WordPress Environnement

Plus en détail

1! I. 3! II. 3! III. 3! IV.

1! I. 3! II. 3! III. 3! IV. 1 sur 14 Sommaire Sommaire! 1! I. Introduction! 3! II. Guide de lecture! 3! III. Concept de base! 3! IV. Organisation! 4! 1. Décomposition en tâches 4 2. Structure des équipes 6 V. Planification! 7! VI.

Plus en détail

COMMENT METTRE A JOUR SON SITE WEB?

COMMENT METTRE A JOUR SON SITE WEB? Un site web est d autant plus intéressant pour l internaute qu il est actualisé. A contrario, une information obsolète peut ternir l image de l entreprise (manque de dynamisme, manque de rigueur ). Différentes

Plus en détail

StockMalin l application pour les brocanteurs!

StockMalin l application pour les brocanteurs! StockMalin l application pour les brocanteurs! Conçue en intégralité par Quentin Comte-Gaz StockMalin Gestion de stock/clients/fournisseurs en ligne (2014) 1/15 Sommaire Introduction...3 PARTIE 1 : DESCRIPTION

Plus en détail

Cahier des charges de réalisation d'un site Internet

Cahier des charges de réalisation d'un site Internet Cahier des charges de réalisation d'un site Internet Nom de l entreprise : Adresse : Tél. : E-mail : Personne à contacter dans l entreprise : 1 PRESENTATION DE L'ENTREPRISE Dans cette partie, présentez

Plus en détail

SOLUTIONS DE GESTION DES APPELS ENTRANTS POUR SERVICES CLIENTS

SOLUTIONS DE GESTION DES APPELS ENTRANTS POUR SERVICES CLIENTS SOLUTIONS DE GESTION DES APPELS ENTRANTS POUR SERVICES CLIENTS Professionnalisez votre accueil et la gestion de votre relation clients par téléphone. Quelle que soit la taille de votre service clients

Plus en détail

UN PROJET MULTIMÉDIA avec les classes 702A et 712B et le logiciel MISTRALMOVIE, au Cycle d Orientation des Grandes-Communes

UN PROJET MULTIMÉDIA avec les classes 702A et 712B et le logiciel MISTRALMOVIE, au Cycle d Orientation des Grandes-Communes UN PROJET MULTIMÉDIA avec les classes 702A et 712B et le logiciel MISTRALMOVIE, au Cycle d Orientation des Grandes-Communes Buts Mise en place d une période de révision d allemand en fin de 7e année sous

Plus en détail

Projet de Fin d Etudes. Smart Picking

Projet de Fin d Etudes. Smart Picking Projet de Fin d Etudes Smart Picking Mathieu BOSSENNEC IMA5 Florian CARON 2014-2015 Sommaire Sommaire 2 Remerciements 3 Introduction 4 I - Présentation du Contexte 5 II - Travaux Réalisés 6 1) Système

Plus en détail

DigitalDealer. www.digitaldealer.fr

DigitalDealer. www.digitaldealer.fr www.digitaldealer.fr Sommaire Objectifs du Dealer Exchange 3 Présentation du produit 5 Description des fonctionnalités 8 Gestionnaire des formulaires 9 Modèles des réponses 12 Gestionnaire des concessions

Plus en détail

SITE EN COURS DE CONSTRUCTION Consultez notre plaquette

SITE EN COURS DE CONSTRUCTION Consultez notre plaquette SITE EN COURS DE CONSTRUCTION Consultez notre plaquette HEXATIVE - SAS au capital de 10 000 - RCS Annecy 522 582 527 - SIRET 522 582 527 000 19 - APE 4619B page 1 QUI SOMMES-NOUS? HEXATIVE, une équipe

Plus en détail

Thelia est aujourd hui le socle plus de 9000 sites e-commerce.

Thelia est aujourd hui le socle plus de 9000 sites e-commerce. Thelia a été développée dans le respect des standards de développement. Le cœur est basé sur les composants Symfony 2, et répond aux objectifs de performance et d évolutivité. Thelia innove en utilisant

Plus en détail

Génie logiciel, conduite de projets... Mémo. Utilisation de subversion et de forge. Bruno Zanuttini, Jean-Luc Lambert, François Rioult

Génie logiciel, conduite de projets... Mémo. Utilisation de subversion et de forge. Bruno Zanuttini, Jean-Luc Lambert, François Rioult Université de Caen Basse-Normandie Département d informatique Tous diplômes, 2012 2013 Unité : N/A Génie logiciel, conduite de projets... Mémo. Utilisation de subversion et de forge Bruno Zanuttini, Jean-Luc

Plus en détail

Dossier de suivi de stage d observation en entreprise en classe de 3 ème

Dossier de suivi de stage d observation en entreprise en classe de 3 ème Année scolaire 20 20 Dossier de suivi de stage d observation en entreprise en classe de 3 ème STAGE 3 ème Du././20.. au././20.. Nom et prénom de l élève : Classe de : Projet d orientation : Nom et adresse

Plus en détail

Internet Marketing Manager

Internet Marketing Manager L Internet Marketing Manager est un outil informatique facile à utiliser et moderne pour la conception et la gestion des processus marketing en-ligne et l optimisation de la présence sur Internet des entreprises.

Plus en détail

D - MODULES SOUMISSION OFFRE DE SERVICES PLATE-FORME DE MARKETING INTERNET POUR LES ENTREPRISES MB

D - MODULES SOUMISSION OFFRE DE SERVICES PLATE-FORME DE MARKETING INTERNET POUR LES ENTREPRISES MB D - MODULES SOUMISSION OFFRE DE SERVICES PLATE-FORME DE MARKETING INTERNET POUR LES ENTREPRISES MB LE 7 MARS 2010 SOMMAIRE En réponse à la demande formulée par l entreprise Entreprises MB pour l accompagner

Plus en détail

Joomla et VirtueMart

Joomla et VirtueMart Valérie Isaksen Avec la contribution de Thierry Tardif Joomla et VirtueMart Réussir sa boutique en ligne Groupe Eyrolles, 2008, ISBN : 978-2-212-12381-4 Table des matières 1. VOTRE PROJET DE BOUTIQUE EN

Plus en détail

3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures

3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures 3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures Objectif global : A l issue de la formation, les stagiaires doivent être opérationnels dans la création d un site internet

Plus en détail

Pourquoi créer un site Web?

Pourquoi créer un site Web? Créer mon site Web Vous avez une passion, un centre d'intérêt, un "hobbie", et vous souhaitez en parler, partager autour de ce sujet. Vous avez bien pensé à utiliser l'espace web pour faire connaître votre

Plus en détail

Introduction MOSS 2007

Introduction MOSS 2007 Introduction MOSS 2007 Z 2 Chapitre 01 Introduction à MOSS 2007 v. 1.0 Sommaire 1 SharePoint : Découverte... 3 1.1 Introduction... 3 1.2 Ce que vous gagnez à utiliser SharePoint... 3 1.3 Dans quel cas

Plus en détail

Webmaster / Concepteur Multimedia

Webmaster / Concepteur Multimedia Durée : 217 heures Objectifs : Webmaster / Concepteur Multimedia Participants : Toute personne attirée par la création de site internet professionnel. Méthodes : Mise en pratique sur micro-ordinateur.

Plus en détail

Projet «RENNES FESTIVAL» Plan d action

Projet «RENNES FESTIVAL» Plan d action Projet «RENNES FESTIVAL» Plan d action Manal Afif Patrick Douchement David Laisné Elodie Lecoq Florent Martin Nicolas Poulain Mickaël Theraud V1.0 Date : 01/02/2013 1/34 GESTION DU DOCUMENT SUIVI DES VERSIONS

Plus en détail

Développement Web Introduction générale

Développement Web Introduction générale 1 / 58 Développement Web Introduction générale Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer Juillet 2008 2 / 58 Plan Plan 1 Introduction 2 Historique et

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En Théorie Le fonctionnement de SPIP Qu est ce que SPIP? SPIP (Système de Publication pour l Internet Partagé) est un logiciel libre destiné à la production

Plus en détail

MINI-MÉMOIRE DE PPP - S4

MINI-MÉMOIRE DE PPP - S4 MINI-MÉMOIRE DE PPP - S4 Par [OUAZAR ARIS-ARAB] [S4-G2] [AYME OLIVIA] TABLE DES MATIÈRES ANALYSE DE L ENTREPRISE # PRESENTATION DE L ENTREPRISE # LISTE ET DESCRIPTION DES DIFFERENTS METIERS REPRESENTES

Plus en détail

Catalogue de formations Parcours E-tourisme 2014-2015

Catalogue de formations Parcours E-tourisme 2014-2015 Catalogue de formations Parcours E-tourisme 2014-2015 FormaPeople www.formapeople.com Mail : contact@formapeople.com Tél : 02 30 96 60 05 Centre de formation déclaré sous le numéro: 53 56 08754 56 2 Sommaire

Plus en détail

Création d un module complet de sondage en ligne

Création d un module complet de sondage en ligne Sté KOTAO StillinContact.com 6 Avenue du Tregor 190 PLERIN Création d un module complet de sondage en ligne Mini Rapport de stage TANGUY Arnaud Département Informatique I.U.T de Lannion 6 Juin 005 INTRODUCTION

Plus en détail

Méthode de Test. Pour WIKIROUTE. Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel.

Méthode de Test. Pour WIKIROUTE. Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel. Méthode de Test Pour WIKIROUTE Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel. [Tapez le nom de l'auteur] 10/06/2009 Sommaire I. Introduction...

Plus en détail

Travail de fin de formation Spécialisation en Webdesign - Cepegra Bruxelles. Développement du site Internet de la Gourmandise. www.la-gourmandise.

Travail de fin de formation Spécialisation en Webdesign - Cepegra Bruxelles. Développement du site Internet de la Gourmandise. www.la-gourmandise. Travail de fin de formation Spécialisation en Webdesign - Cepegra Bruxelles Développement du site Internet de la Gourmandise www.la-gourmandise.be www.la-gourmandise.be Briefing client La Gourmandise est

Plus en détail