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

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

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

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

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

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

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

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

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

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

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

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

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

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

«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

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

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

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

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

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

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

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

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

Projet en nouvelles technologies de l information et de la communication

Projet en nouvelles technologies de l information et de la communication Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima

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

Formation Créateur de site web e-commerce Certifiant

Formation Créateur de site web e-commerce Certifiant Formation Créateur de site web e-commerce Certifiant La formation «Créateur de site web et e-commerce» vous permet sur une période courte, en stage intensif, de vous initier aux fondamentaux de la communication

Plus en détail

Introduction à HTML5, CSS3 et au responsive web design

Introduction à HTML5, CSS3 et au responsive web design 1 Introduction à HTML5, CSS3 et au responsive web design Jusqu à une période récente, les sites web étaient conçus avec une largeur fixe de l ordre de 960 pixels, en espérant que les visiteurs en tirent

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

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

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

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

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

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

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

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

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

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

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

... 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

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

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

Rapport de stage. Développement d un logiciel de vidéoconférence : Enjeux 3. Guillaume DOTT 2009

Rapport de stage. Développement d un logiciel de vidéoconférence : Enjeux 3. Guillaume DOTT 2009 Rapport de stage Développement d un logiciel de vidéoconférence : Enjeux 3 Guillaume DOTT 2009 Maître de stage : Louis Poulette Tutrice : Marie-Paule Muller Remerciements Je tiens à remercier toute l équipe

Plus en détail

WEBMASTER DEESWEB DEES

WEBMASTER DEESWEB DEES Diplôme Européen délivré par la Fédération Européenne des Ecoles DEES WEBMASTER Fonction Le s adresse aux titulaires d un diplôme du 1er cycle de l enseignement supérieur dans le domaine de l informatique

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

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

WF MEDIA.INFO ET N OUBLIONS PAS QU UNE COMMUNICATION RÉUSSIE, C EST AVANT TOUT UN IMPACT MESURABLE ET

WF MEDIA.INFO ET N OUBLIONS PAS QU UNE COMMUNICATION RÉUSSIE, C EST AVANT TOUT UN IMPACT MESURABLE ET WF MEDIA.INFO WF MEDIA.INFO, AGENCE DE COMMUNICATION SUR CMS OPEN SOURCE AU SOLUTION PROPRIETAIRE, C EST UNE VISION OPÉRATIONNELLE ET RÉALISTE DE LA COMMUNICATION DES ENTREPRISES D AUJOURD HUI. QUE VOUS

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

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

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

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

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

Google Merchant Center

Google Merchant Center Google Merchant Center Version : 3.1.0 Date de dernière mise à jour : 16/08/2013 Développement : Business Tech (www.businesstech.fr) Pré-requis Google Vous devez avant tout vous enregistrer sur Google

Plus en détail

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES RAPPORT DE STAGE Association UNIFORES 23, Rue du Cercler 87000 LIMOGES LOHUES Théo BTS SIO 1 ère année Lycée suzanne valadon 2013-2014 Table des matières I. Présentation de l'entreprise...3 II. Description

Plus en détail

Note de synthèse. Développement web sur le CMS Prestashop. Stage du 17 mai au 25 juin 2010. Entreprise decoratzia.com 15 rue Erlanger 75016 - Paris

Note de synthèse. Développement web sur le CMS Prestashop. Stage du 17 mai au 25 juin 2010. Entreprise decoratzia.com 15 rue Erlanger 75016 - Paris BENCHETRIT Michaël BTS IG 2 ème année Brevet de Technicien Supérieur Informatique de Gestion Option : Développeur d applications Session 2011 Note de synthèse Développement web sur le CMS Prestashop Stage

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

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels

Plus en détail

Calendrier des Formations

Calendrier des Formations Systèmes et Réseaux IPV6 980,00 HT Jan. Fév. Mar. Avr. Mai Juin Jui. Août Sept. Oct. Nov. Déc. Comprendre IPV6 et explorer les méthodes pour migrer 14-15 23-24 1-2 26-27 Configuration et Maintenance des

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

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

Petite histoire d Internet

Petite histoire d Internet À la base, Internet est défini par des ordinateurs qui sont reliés entre eux grâce à des câbles, du WiFi ou encore des satellites, créant ainsi un réseau à échelle mondiale. Les ordinateurs communiquent

Plus en détail

Rapport de stage de graphiste chez Key Business Solutions Sàrl. Mathieu Schaller Concepteur en multimédia

Rapport de stage de graphiste chez Key Business Solutions Sàrl. Mathieu Schaller Concepteur en multimédia Rapport de stage de graphiste chez Key Business Solutions Sàrl Mathieu Schaller Concepteur en multimédia Key Business Solutions Sàrl est une entreprise de communication visuelle, de publicité et de marketing.

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

Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur

Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement On site / Off site

http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement On site / Off site http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement p.11 On site / Off site MyAppli pour les restaurants p.14 http5000 u création de site internet

Plus en détail

RÉALISATION D UN SITE DE RENCONTRE

RÉALISATION D UN SITE DE RENCONTRE RÉALISATION D UN SITE DE RENCONTRE Par Mathieu COUPE, Charlène DOUDOU et Stéphanie RANDRIANARIMANA Sous la coordination des professeurs d ISN du lycée Aristide Briand : Jérôme CANTALOUBE, Laurent BERNARD

Plus en détail

WORDPRESS : réaliser un site web

WORDPRESS : réaliser un site web WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu

Plus en détail

CAHIER DES CHARGES SITE WEB : Steve Mind Magicien Close-up & Mentaliste - 1 -

CAHIER DES CHARGES SITE WEB : Steve Mind Magicien Close-up & Mentaliste - 1 - CAHIER DES CHARGES SITE WEB : Steve Mind Magicien Close-up & Mentaliste - 1 - SOMMAIRE - 2 - Sommaire Présentation du projet Contexte Description du projet web Les Enjeux du projet web Analyse Concurrentiel

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

Guide d utilisation Plus de souplesse dans votre communication?

Guide d utilisation Plus de souplesse dans votre communication? Guide d utilisation Plus de souplesse dans votre communication? Un produit de la société Table des matières Table des matières... 2 Guide complet d utilisation... 3 Connexion à l administration i-flexo...

Plus en détail

Cahier des charges Site Web Page 1 sur 9

Cahier des charges Site Web Page 1 sur 9 Page 1 sur 9 I Présentation de votre structure A Nom et type de la structure Veuillez insérer le nom de votre établissement B Taille de l'entreprise Veuillez insérer le nombre de salariés C Description

Plus en détail

développeur web principal

développeur web principal FRANCIS McGUIRE développeur web principal A: 103 rue Hyman, Dollard-des-Ormeaux, Qc C: fr@ncismcguire.com T: +1.5144675737 W: www.guire.ca À PROPOS DE MOI Mon nom est Francis McGuire et je suis un passionné

Plus en détail

MODULES 3D TAG CLOUD. Par GENIUS AOM

MODULES 3D TAG CLOUD. Par GENIUS AOM MODULES 3D TAG CLOUD Par GENIUS AOM 1 Sommaire I. INTRODUCTIONS :... 3 II. INSTALLATION MANUELLE D UN MODULE PRESTASHOP... 3 III. CONFIGURATION DU MODULE... 7 3.1. Préférences... 7 3.2. Options... 8 3.3.

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

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

Développement Web INITITIATION AU DEVELOPPEMENT WEB ET PRESENTATION DES DIFFERENTES SOLUTIONS POSSIBLES POUR LA MISE EN PLACE D'UN SITE WEB

Développement Web INITITIATION AU DEVELOPPEMENT WEB ET PRESENTATION DES DIFFERENTES SOLUTIONS POSSIBLES POUR LA MISE EN PLACE D'UN SITE WEB Développement Web INITITIATION AU DEVELOPPEMENT WEB ET PRESENTATION DES DIFFERENTES SOLUTIONS POSSIBLES POUR LA MISE EN PLACE D'UN SITE WEB Olivier Allaert 1 Développement Web Développement Web Principe

Plus en détail

CONCEPTEUR REALISATEUR MULTIMEDIA GOBELINS CAHIER DES CHARGES WORKSHOP HTML/JAVASCRIPT. CRM13 2 ème ANNEE

CONCEPTEUR REALISATEUR MULTIMEDIA GOBELINS CAHIER DES CHARGES WORKSHOP HTML/JAVASCRIPT. CRM13 2 ème ANNEE CONCEPTEUR REALISATEUR MULTIMEDIA GOBELINS CAHIER DES CHARGES WORKSHOP HTML/JAVASCRIPT CRM13 2 ème ANNEE OCTOBRE 2014 Objectifs : Approfondir votre pratique de l intégration HTML/CSS Apprendre à intégrer

Plus en détail

ASTER et ses modules

ASTER et ses modules ASTER et ses modules Sommaire Caractéristiques du site internet Rubriques et pages... page 3 Actualités... page 3 Agenda... page 4 Sons... page 4 Documents à télécharger... page 4 Liens... page 4 Albums

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

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

HTML5 et CSS3 pour des sites Responsive Web Design

HTML5 et CSS3 pour des sites Responsive Web Design Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur

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

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

Formation : WEbMaster

Formation : WEbMaster Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins

Plus en détail

IMA promotion 2009. Rapport de stage de première année. Stage industriel au Crédit du Nord

IMA promotion 2009. Rapport de stage de première année. Stage industriel au Crédit du Nord DUBRULLE Alain ENSEEIHT IMA promotion 2009 Rapport de stage de première année Stage industriel au Crédit du Nord Sommaire Présentation de l entreprise Le Crédit du Nord 3 La Direction des Systèmes d'information

Plus en détail

les techniques d'extraction, les formulaires et intégration dans un site WEB

les techniques d'extraction, les formulaires et intégration dans un site WEB les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents

Plus en détail

webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09

webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09 AISL - Architecture et Intégration des Systèmes Logiciels - 2011-2012 webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09 Administrer un serveur et

Plus en détail

RESPONSIVE WEBDESIGN

RESPONSIVE WEBDESIGN RESPONSIVE WEBDESIGN PRÉAMBULE Pour répondre à la consultation concernant la mise en place du responsive webdesign sur carredeshalles.fr, nous avons effectué un benchmark de votre site web afin de déterminer

Plus en détail

Compte Rendu Projet tuteuré

Compte Rendu Projet tuteuré IUT d Angers License Sari Projet tuteuré Compte Rendu Projet tuteuré «Etude d un serveur Exchange 2007 virtualisé» Par Sylvain Lecomte Le 08/02/2008 Sommaire 1. Introduction... 5 2. Exchange 2007... 6

Plus en détail

Support de cours de la formation izi-media

Support de cours de la formation izi-media Support de cours de la formation izi-media Préambule Ce support de cours s'adresse aux participants du module de formation «izi-media». Il n'a pas pour but de se substituer à la formation présentielle,

Plus en détail

Avant-Propos Sencha Touch

Avant-Propos Sencha Touch Avant-Propos Développeurs web, vous qui souhaitez vous diversifier et appréhender simplement le développement mobile, mais redoutez un apprentissage long d un langage que vous ne connaissez pas, vous allez

Plus en détail

Votre Guide d utilisation

Votre Guide d utilisation Votre Guide d utilisation Comment accéder au Gestionnaire de Contenu (CMS)? Le Gestionnaire de Contenu (CMS) a été optimisé pour être utilisé avec le fureteur Google Chrome. Vous pouvez aussi utiliser

Plus en détail

Léa Dumas Développeuse front-end Intégratrice //

Léa Dumas Développeuse front-end Intégratrice // Compétences HTML / CSS / Javascript /JQuery Bootstraps / SASS / LESS Angular.js / Node.js PHP / Symfony2 / Zend Wordpress / Prestashop / Magento /CQ Git / Sublim Text2 Photoshop / Illustrator / Indesign

Plus en détail

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09 INFORMATIQUE & WEB Code du diplôme : CP09 Passionné par l informatique et le web, vous souhaitez obtenir une certification dans un domaine porteur et enrichir votre CV? PARCOURS CERTIFICAT PROFESSIONNEL

Plus en détail

Atelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club

Atelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club Atelier du 25 juin 2012 «Les bonnes pratiques dans l e-mailing» Agenda de l atelier Introduction et rappel des bonnes pratiques Exemple et retour d expérience Maison Tasset Partage d expérience entre les

Plus en détail

Catalogue Formations Jalios

Catalogue Formations Jalios Catalogue Formations Jalios Offre de services Jalios 23/04/2015-6.0 1 / 19 Sommaire Sommaire... 2 1. Introduction... 3 2. Jalios, organisme de formation... 4 3. Formations fonctionnelles... 5 3.1. Formation

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