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

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

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

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

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

Les différents parcours en S4

Les différents parcours en S4 Les différents parcours en S4 3x3 parcours sont proposés. Il existe d abord trois grandes familles de spécialisation: le développement front (60 places), le développement back (30 places) et la communication

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

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des

Plus en détail

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone Formations Web Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone Formations Web CCI Formation vous propose 8 formations WEB 1 formation Smartphone Nos formations se déroulent

Plus en détail

Compte-Rendu SDL. «Reprise de l application de gestion de listes de présences des alternants»

Compte-Rendu SDL. «Reprise de l application de gestion de listes de présences des alternants» Compte-Rendu SDL Auteurs : BOUTROUILLE Alexis BAILLEUL Pierre Tuteur : Ioan Marius Bilasco «Reprise de l application de gestion de listes de présences des alternants» Master MIAGE 1 Année 2012/2013 1 Remerciements

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

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

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

SOMMAIRE. I. Introduction 02. II. Glossaire 03 a. Glossaire technique 03 b. Glossaire fonctionnel 04

SOMMAIRE. I. Introduction 02. II. Glossaire 03 a. Glossaire technique 03 b. Glossaire fonctionnel 04 SOMMAIRE I. Introduction 02 II. Glossaire 03 a. Glossaire technique 03 b. Glossaire fonctionnel 04 III. Présentation de l'association 05 a. Présentation juridique et géographique 05 b. Présentation de

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique Initiation Excel-Powerpoint Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office

Plus en détail

Créez votre premier site web De la conception à la réalisation

Créez votre premier site web De la conception à la réalisation Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML 21 1. L état des lieux 21 2. Les éléments HTML 21 3. Les attributs 22 4. Les caractères 23 5. Les espaces

Plus en détail

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC)

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) OBJECTIFS - Créer une boutique sous wordpress et la référencer. - Mise en place du contenu, des articles Une bonne connaissance

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

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

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

TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2

TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2 TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2 Enseignant : Serge Parent Bureau : 841.3G Téléphone : 418-547-2191, poste 7134 Courriel: serge.parent@cjonquiere.qc.ca Élève 2

Plus en détail

Partner Entreprise. Modules de cours pour la formation continue Offre IFAPME Verviers

Partner Entreprise. Modules de cours pour la formation continue Offre IFAPME Verviers Partner Entreprise Modules de cours pour la formation continue Offre IFAPME Verviers Module Business Intelligence avec PowerPivot d Excel 2013 Il n est pas nécessaire de travailler avec des logiciels onéreux

Plus en détail

I N F O R M A T I O N S G É N É R A L ES D O M A I N E S D E C O M P É T E N C E S T E C H N O L O G I E S [DÉVELOPPEUR WEB] MAALEJ Nassim, 25 ans

I N F O R M A T I O N S G É N É R A L ES D O M A I N E S D E C O M P É T E N C E S T E C H N O L O G I E S [DÉVELOPPEUR WEB] MAALEJ Nassim, 25 ans , 25 ans Ingénieur étude et développement informatique Concepteur fonctionnel Assistant chef de projet I N F O R M A T I O N S G É N É R A L ES Titre Ingénieur étude et développement informatique Ecole

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

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

Formation Responsive Web Design

Formation Responsive Web Design L institut de formation continue des professionnels du Web Formation Responsive Web Design Référence formation : Durée : Prix conseillé : RESPWD 3 jours (21 heures) 1 500 HT (hors promotion ou remise particulière)

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

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

«Créer son site web professionnel avec WordPress»

«Créer son site web professionnel avec WordPress» Etre visible sur internet, transmettre une image positive de son entreprise, augmenter son CA pour une petite et moyenne structure, le site web est un outil de communication indispensable. Avoir un site

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

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

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,

Plus en détail

Hébergement du site Le site est hébergé par l Ecole nationale des chartes sur un serveur dédié à l Urfist.

Hébergement du site Le site est hébergé par l Ecole nationale des chartes sur un serveur dédié à l Urfist. Refonte du site web 5 décembre 2008 MAPA Réf. 08 Inform 3 Cahier des charges Projet de refonte du site web de l 5 décembre 2008 I Analyse de l existant Type du site actuel L URFIST de Paris dispose actuellement

Plus en détail

La mise en page web, feuille de style, cadre.

La mise en page web, feuille de style, cadre. La mise en page web, feuille de style, cadre. L importance du navigateur, son rôle est de lire le code HTML et CSS afin d afficher un résultat visuel à l écran, le problème est que les navigateurs n affichent

Plus en détail

Tutoriel Ionic framework

Tutoriel Ionic framework INGÉNIEURS EN SCIENCES INFORMATIQUES ADAPTATION DES INTERFACES A L ENVIRONNEMENT Tutoriel Ionic framework Tutoriel et présentation du framework IONIC : technologie permettant la réalisation d applications

Plus en détail

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

Plus en détail

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e : CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE Projet 2 Gestion des services enseignants G r o u p e : B E L G H I T Y a s m i n e S A N C H E Z - D U B R O N T Y u r i f e r M O N T A Z E R S i

Plus en détail

Frédéric Dulac frederic.dulac@eolas.fr. EOLAS 8, rue Voltaire 38000 Grenoble Tél : 33 (0) 4 76 44 50 50

Frédéric Dulac frederic.dulac@eolas.fr. EOLAS 8, rue Voltaire 38000 Grenoble Tél : 33 (0) 4 76 44 50 50 Frédéric Dulac frederic.dulac@eolas.fr «Particularité d'un projet de site accessible : l exemple du site www.legrandchalon.fr» EOLAS 8, rue Voltaire 38000 Grenoble Tél : 33 (0) 4 76 44 50 50 Page 1 I.

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

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

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x WysiUpStudio CMS professionnel pour la création et la maintenance évolutive de sites et applications Internet V. 6.x UNE SOLUTION DE GESTION DE CONTENUS D UNE SOUPLESSE INÉGALÉE POUR CRÉER, MAINTENIR ET

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

FORMATION WEBMASTER WEBDESIGNER. Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26

FORMATION WEBMASTER WEBDESIGNER. Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26 FORMATION WEBMASTER WEBDESIGNER Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26 Préambule : La formation par TooEasy TooEasy formation c est Un centre de formation déclaré d activité N 82

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

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 à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

Cahier des charges - Refonte du site internet www.sciencespo- rennes.fr

Cahier des charges - Refonte du site internet www.sciencespo- rennes.fr Cahier des charges Refonte du site internet www.sciencesporennes.fr Procédure d achat conformément à l article 28 alinéa I du Code des marchés publics 1. Présentation de la structure Reconnu pour son excellence

Plus en détail

Cursus 2013 Déployer un Content Management System

Cursus 2013 Déployer un Content Management System Cursus 2013 Déployer un Content Management System Les critères d évaluation d un CMS Les utilisateurs, après examen de la taille de la base d utilisateurs en France. La communauté, selon son dynamisme

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

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah ADAPTATION DES INTERFACES ROUYER Florian et BENNOUR Salah SOMMAIRE Sujet Android Ionic Comparaison Conclusion Sujet Plateforme de partage de livres Fonctionnalités : Géolocalisation Visualisation Map Visualisation

Plus en détail

Agence Web innovatrice

Agence Web innovatrice QUI SOMMES NOUS? 02 n o v a t i s 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...

Plus en détail

Créer un blog d entreprise Quels usages possibles pour un blog en entreprise et comment l intégrer dans un site internet? Principes et fonctionnement

Créer un blog d entreprise Quels usages possibles pour un blog en entreprise et comment l intégrer dans un site internet? Principes et fonctionnement 5 Créer un blog d entreprise Quels usages possibles pour un blog en entreprise et comment l intégrer dans un site internet? Principes et fonctionnement Les usages du blog en entreprise Démarrer un blog

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

Les 10 étapes incontournables pour réaliser un site internet performant et accessible

Les 10 étapes incontournables pour réaliser un site internet performant et accessible COMITÉ DE COMMUNICATION DE L AOMF FICHE-CONSEIL N 2 Les 10 étapes incontournables pour réaliser un site internet performant et accessible Les 10 étapes que vous retrouvez ci-dessous peuvent faire partie

Plus en détail

Intégrateur Web HTML5 CSS3

Intégrateur Web HTML5 CSS3 Intégrateur Web HTML5 CSS3 L objectif de la 3W Academy est de former des petits groupes d élèves à l intégration de sites internet ainsi qu à la création d applications web simples telles qu un blog ou

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

Olivier Bédard Groupe A. Rapport synthèse : Responsive web design. Travail présenté à monsieur Michel Rouleau Apprentissage autonome 582-FXA-06

Olivier Bédard Groupe A. Rapport synthèse : Responsive web design. Travail présenté à monsieur Michel Rouleau Apprentissage autonome 582-FXA-06 Olivier Bédard Groupe A Rapport synthèse : Responsive web design Travail présenté à monsieur Michel Rouleau Apprentissage autonome 582-FXA-06 Département des Techniques de communication Programme des Techniques

Plus en détail

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE @... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN

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

MEMOIRE DE STAGE. RESUME Etude et adaptation ou développement d un module Wordpress évolué de fédération, gestion et publication ciblée d actualités.

MEMOIRE DE STAGE. RESUME Etude et adaptation ou développement d un module Wordpress évolué de fédération, gestion et publication ciblée d actualités. MEMOIRE DE STAGE RESUME Etude et adaptation ou développement d un module Wordpress évolué de fédération, gestion et publication ciblée d actualités. Simon Richard Maître de stage : M. Alexandre Delpeuch

Plus en détail

- SPECIFICATIONS FONCTIONNELLES - V2 DU 17/07/2015

- SPECIFICATIONS FONCTIONNELLES - V2 DU 17/07/2015 De : Alix Beltra Site Ligue contre le cancer 31 A : Marie-Ange Leophonte - SPECIFICATIONS FONCTIONNELLES - V2 DU 17/07/2015 Nombre de gabarits 4 1. OBJET DU DOCUMENT ET RÈGLES GÉNÉRALES Le présent document

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

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. NOTRE AGENCE... 3 2. NOS PRESTATIONS... 6 3. NOTRE MÉTHODOLOGIE PROJET... 11 4. NOS OFFRES...12 5. LES ATOUTS DE NOS OFFRES...

SOMMAIRE 1. NOTRE AGENCE... 3 2. NOS PRESTATIONS... 6 3. NOTRE MÉTHODOLOGIE PROJET... 11 4. NOS OFFRES...12 5. LES ATOUTS DE NOS OFFRES... CONCEPTION WEB SOMMAIRE 1. NOTRE AGENCE... 3 1.1 Nos valeurs... 4 1.2 Notre expertise... 5 1.3 Notre équipe... 5 2. NOS PRESTATIONS... 6 2.1 Site institutionnel / vitrine... 7 2.2 Site e-commerce... 8

Plus en détail

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN

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

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

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com ADOBE DREAMWEAVER Public : Webmasters, créateur de sites Internet, maquettistes, infographistes, responsables communication, chefs de projet. Pré-requis : Bonne connaissance de l environnement Mac ou Windows).

Plus en détail

Offres & services. WEBSITING 7, rue rougemont - 75009 Paris / contact@websiting.fr www.websiting.fr / 01 75 51 48 85

Offres & services. WEBSITING 7, rue rougemont - 75009 Paris / contact@websiting.fr www.websiting.fr / 01 75 51 48 85 Offres & services l agence Fondée en 2009, Websiting a élu domicile au cœur de Paris. Agence Digitale, spécialisée dans la création de sites Internet sur-mesure. NOTRE RéuSSITE PASSE PAR la vôtre websiting

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

Modèle de cahier des charges pour un site Internet

Modèle de cahier des charges pour un site Internet Modèle de cahier des charges pour un site Internet Modèle de cahier des charges Site Internet 1 Ce document a pour objectif de préciser quels éléments doivent être détaillés dans votre cahier des charges

Plus en détail

Devis Garmin Triathlon de Paris 2012/2013

Devis Garmin Triathlon de Paris 2012/2013 Devis Garmin Triathlon de Paris 2012/2013 Création Nouvelle édition Garmin Triathlon de Paris Redéfinir la mise en page globale des éléments à consulter à partir des nouvelles spécificités techniques demandés.

Plus en détail

Monsieur xxxxxxxxxxx

Monsieur xxxxxxxxxxx DEVIS POUR LA CREATION ET LA MISE EN PLACE D UNE SOLUTION E-COMMERCE COMPLETE POUR : Monsieur xxxxxxxxxxx 14 Août 2012 Référence 147/12 THEMATIQUE «Développement d un site web e-commerce» Nos dernières

Plus en détail

En date du 11 décembre 2008

En date du 11 décembre 2008 R E F O N T E S I T E W E B G F I E CAHIER DES CHARGES ET DEVIS En date du 11 décembre 2008 ADITEL - WEB AGENCY 4 RUE CAROLINE 75017 PARIS Tel 01 44 70 02 77 SARL AU CAPITAL DE 20 000 EUROS R.C.S BOBIGNY

Plus en détail

POURQUOI FAIRE APPEL A UN PRESTATAIRE?

POURQUOI FAIRE APPEL A UN PRESTATAIRE? COMMENT CHOISIR UN PRESTATAIRE WEB? Lorsqu une entreprise décide de créer son site web, elle fait généralement appel à un ou plusieurs prestataires spécialisés. Néanmoins face à la diversité de l offre,

Plus en détail

Revue scientifique en ligne

Revue scientifique en ligne Revue scientifique en ligne Projet NTIC Cyril Nghiem Semestre de printemps 2014 Travail supervisé par Messieurs Luka Nerima et Asheesh Gulati Tables des matières Contenu Introduction... 2 Diagramme UML

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

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 Premières applications Web 2.0 avec Ajax et PHP J e a n - M a r i e D e f r a n c e Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 8 Applications Ajax-PHP synchrones Pour commencer simplement, je vous

Plus en détail

Joomla! Création et administration d'un site web - Version numérique

Joomla! Création et administration d'un site web - Version numérique Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique

Plus en détail

SITE WEB. Définition. Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau

SITE WEB. Définition. Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau SITE WEB Définition Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau Comment mon site est sur internet Je crée mon site sur mon ordinateur, en local.

Plus en détail

Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA

Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Sommaire 1. Introduction 2. Installation 3. Fonctionnement 4. Développement 5. Démonstration 2

Plus en détail

FORMATION WEBMASTER PROGRAMMEUR ERP / CRM. Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26

FORMATION WEBMASTER PROGRAMMEUR ERP / CRM. Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26 FORMATION WEBMASTER PROGRAMMEUR ERP / CRM Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26 Préambule : La formation par TooEasy TooEasy formation c est Un centre de formation déclaré d activité

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

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

S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i

S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Modernisation IBM i Nouveautés 2014-2015 IBM Power Systems - IBM i 19 et 20 mai 2015 IBM Client Center, Bois-Colombes S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Mardi

Plus en détail

Concepteur Développeur Informatique Option Nomade

Concepteur Développeur Informatique Option Nomade Concepteur Développeur Informatique Option Nomade Module : Espace ouvert de formation (2 semaines) Ce module est composée de plusieurs parties : - le module développement durable (14 heures), qui traite

Plus en détail

Echosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet

Echosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Echosgraphik Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Présentation I. Echosgraphik Protocoles de travail I. Développement du site II.

Plus en détail

Webmaster / Webdesigner / Wordpress

Webmaster / Webdesigner / Wordpress Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un

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

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

BES WEBDEVELOPER ACTIVITÉ RÔLE

BES WEBDEVELOPER ACTIVITÉ RÔLE BES WEBDEVELOPER ACTIVITÉ Le web developer participe aux activités concernant la conception, la réalisation, la mise à jour, la maintenance et l évolution d applications internet/intranet statiques et

Plus en détail

Documentation de CMS-gen

Documentation de CMS-gen Table des matières GÉNÉRALITÉ... 1 LA ZONE D'ADMINISTRATION... 2 LOGIN SUR LA ZONE D ADMINISTRATION... 2 EDITION DU CONTENU EN LIGNE... 3 LE MODE EDITION... 3 PUBLICATION... 3 SUPPRIMER DES MODIFICATIONS...

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

RESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences

RESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences RESUME DE CARRIERE Alice JULIENNE 23 ans Nationalité Française Développeur Web Front-End Compétences Systèmes Langages Windows (XP, 98) Macintosh OS X HTML, XHTML, CSS, XML, PHP, SQL, Javascript, J-Querry

Plus en détail

OFFRE DE SERVICE. www.votreentreprise.com

OFFRE DE SERVICE. www.votreentreprise.com 2011 NOM ENTREPRISE OFFRE DE SERVICE CONCEPTION, REALISATION ET HEBERGEMENT SITE WEB www.votreentreprise.com AFConsulting Web Services Page 1 sur 19 SOMMAIRE Lettre, offre de services --------------------------------------------

Plus en détail

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

Plus en détail

la réalisation d'un site d'inscriptions

la réalisation d'un site d'inscriptions Rapport du projet la réalisation d'un site d'inscriptions Réaliser par : Fatimaezzahra Yazough Année :2014 /2015 1/9 Yazough INTRODUCTION Le but de ce projet et de réaliser une maquette de site web pour

Plus en détail

Apprentissage de Typo3

Apprentissage de Typo3 Aurélie Beaumont TAIM-TD1 Aude Debouzy RTM-TD1 Céline Thibaut TAIM-TD2 Projet de Master 1ère Année 1er Semestre Apprentissage de Typo3 Création du site Internet du Centre des Ressources Informatique Tuteur

Plus en détail