12 semaines dans la peau d un développeur web. agence de communication ALEXIS BUON ÉTUDIANT EN MÉTIERS DU MULTIMÉDIA ET DE L INTERNET

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "12 semaines dans la peau d un développeur web. agence de communication ALEXIS BUON ÉTUDIANT EN MÉTIERS DU MULTIMÉDIA ET DE L INTERNET"

Transcription

1 12 semaines dans la peau d un développeur web agence de communication ALEXIS BUON ÉTUDIANT EN MÉTIERS DU MULTIMÉDIA ET DE L INTERNET Tuteur : Ernest BRAS Rapport de stage 2015/2016

2 Sommaire Présentation de l entreprise Histoire Organigramme Éléments économiques Éléments financiers Implantation de l entreprise Communication interne Communication externe Projets : des lignes de codes Quelques projets... Les différentes étapes de la conception d un site web La mise en ligne 4 à 8 9 à 13 Conclusion / Bilan Bilan personnel et professionnel 14 Annexes et glossaire 15 à 27 Bonne lecture! 01

3 Introduction J ai effectué mon stage dans une agence de communication située à Champs-sur-Marne. Le nom de cette agence est Lemonad. Elle propose plusieurs services liés au multimédia tels que la réalisation de vidéos promotionnelles ou d identité visuelles en print et enfin la réalisation de sites web en tous genres (site vitrine, e-commerce...). Pendant ce stage de 12 semaines, j ai eu le poste de développeur web. Mon rôle a principalement été de développer des sites avec le framework Thelia 2. Mon tuteur, également le patron de l entreprise achetait des templates graphiques sur internet et il fallait que j adapte ce template au nouveau site tout en le raccordant avec la base de données sur le modèle de Thelia. J ai eu l occasion de travailler sur plusieurs projets pour différents clients. Certains projets était moins conséquent que d autres mais tous était très intéressant et j ai apprécier travailler sur ces projets. Comparativement à l année dernière, où j étais dans une grande entreprise, cette année je suis dans une très petite entreprise, c est une nouvelle expérience que j ai acquis professionnellement et je pourrais en annexe de ce rapport faire un comparatif entre les deux environnements auxquelles j ai été confronté. Cependant la gestion d une entreprise de communication telle que Lemonad ne se limite pas à du développement. En effet, il y avant tout une part de collaboration avec les graphistes avec qui nous travaillons de paire et également un contact avec la clientèle. J ai eu l occasion d accompagner mon tuteur lors de ses réunions avec les clients et ceux pour plusieurs raisons : premièrement, il souhaitait me faire découvrir son métier sous toutes ses formes, ensuite il trouvait intéressant que je m imprègne des projets des clients que j allais ensuite réaliser. La partie sur la communication sera plus détaillée dans la suite du rapport. 02

4 Préambule Avant même de commencer ma recherche de stage, j ai été contacté sur LinkedIn le 7 janvier Benoît Fabre, fondateur de Souscritoo me proposait en effet un stage en tant que développeur web. Après quelques échanges avec lui, il m a demandé mon numéro mais ne m a jamais recontacté. N étant pas particulièrement intéressé par cette offre, je n ai pas relancé l entreprise. Une semaine plus tard, une offre similaire m a été faite par Geoffroy de Pontbriand de chez FASTBOOKING. Cepandant les conditions du stage ne correspondaient pas, j ai donc décliné l offre. J ai commencé ma recherche de stage au début du mois de février. Je recherchais un stage en développement web. J ai appris grâce à une fille de première année l existence d une agence de communication du nom de Lemonad ce situant à Champs-sur-Marne. J ai regardé leur site et je lui ai demandé les contacts pour postuler en tant que stagiaire. La semaine suivante, j avais un entretien avec le patron. Lors de cet entretien plutôt chaleureux, il m a présenté son entreprise et nous avons discuté de mes compétences dans les langages de programmation, des missions que j aurais à faire dans l entreprise ainsi que de culture du web. Dès la fin de mon entretien, Ernest, m a dit que je serais accepté en stage et qu il fallait simplement qu il en parle avec son associé, Élodie. J ai donc décroché mon stage le 16 février janvier 19 janvier 10 février 16 février 11 avril 03

5 Présentation de l entreprise

6 Histoire À la base associé depuis 2010 avec Kamel Rizki en tant que responsable technique dans l agence de communication AIRKOM, Ernest Bras liquide la société suite à un différend avec son associé au début de l année La société Lemonad est créée en fin 2011 par Ernest en association avec Elodie Lambert. Elodie travaillait à l époque comme graphiste indépendante avec la société AIRKOM. Suite au départ d Ernest, elle s associe à lui pour créer une nouvelle agence de communication sur Paris du nom de Lemonad. Il trouvent leurs locaux à Champs-sur-Marne en banlieue parisienne et s installent donc ici. Elodie rencontre son compagnon avec qui elle a un enfant et part habiter à Nantes. Elle travaille depuis chez elle mais reste en contact avec Ernest. Il reste donc tout seul sur la région parisienne et deux antennes de l entreprise sont créé : une à Paris et une à Nantes. Lemonad propose aujourd hui plusieurs types de services de la création de site web en passant par la réalisation et l impression de flyers jusqu au court métrage d entreprise. C est une entreprise qui se développe et qui se fait connaître chaque jour de plus en plus. Organigramme Ernest Bras Développeur Co-gérant Elodie Lambert Graphiste Co-gérante Brice Hendel Chargé de com 16/05 au 01/07 Alexis Buon Développeur 11/04 au 01/07 Circé Grand Graphiste 18/04 au 30/04 04

7 Éléments économiques Lemonad est une entreprise de type société à résponsabilité limitée oeuvrant dans le secteur des conseils en relations publiques et communication. C est une entreprise de services qui agit en Ile-de-France, principalement sur la Seine-et-Marne (77) et sur Nantes. Lemonad est une Très Petite Entreprise ne comptant aucun salarié, seulement 2 co-gérant. L activité de Lemonad repose majoritairement sur le développement de sites web. C est donc cette partie de leurs activités que j étudierais. Le marché de la création de site internet En France, 49% des entreprises n ont pas de site Internet en 2013! (soit 1.5 millions d entreprises). En 2012, entreprises ont été créées en France, alimentant ainsi le marché de la création de site web. À cela, il faut ajouter les sociétés déjà équipées d un site qui le renouvellent tous les 3 ans en moyenne (soit refontes par an). Stratégie de développement À l avenir, Lemonad souhaiterait développer son activité en 3 points principaux : Lemonad souhaiterait élargir sa gamme de services notamment au niveau du print avec par exemple de l impression «sur place». Lemonad souhaiterait également Enfin le gérant de l entreprise voudrait embaucher un développeur afin de l aider et de pouvoir gérer plus de projets. Éléments financiers Le seul élément financier que j ai pu récupérer à propos de Lemonad est son chiffre d affaire. chiffre d affaire de % en 2015 croissance de par rapport à

8 Implantation géographique Champs-sur-Marne, Lemonad est idéalement situé sur le campus de la Cité Descartes à 20 minutes de Paris. Les locaux se trouvent à 10 minutes de la gare du RER A de Noisy-Champs, et dispose d un accès direct à l A4. Ernest a investi et acheté le bureau en 2013 car Lemonad avait besoin de bureaux dans le but de développer l activité. Communication interne L organisation de la journée Tous les matins, à 9 heures, nous faisions un point avec Ernest de ce qu il y restait à faire. Il m orientait selon les projets les plus importants et les plus urgents en m indiquant sur quelles parties du site travailler et avancer. J organisais ensuite mon travail comme bon il me semblait. L essentiel pour Ernest était que j avance sur le travail. Je commençais bien souvent par les parties les plus «faciles» afin d avancer rapidement. Les matins étaient généralement calmes et sans grandes difficultés au niveau du développement. Je faisais un point avec Ernest avant de partir déjeuner. J orientais mon travail de l après-midi selon ce qu il me disait. Après la pause déjeuner, je me mettais aux problèmes les plus complexes, ceux que je n avais pas réussis à résoudre la veille. J avançais plus doucement mais au bout de quelques heures ou de quelques jours, je trouvais souvent enfin la solution à mon problème. Je faisais plusieurs petites pauses au cours de la journée pour ne pas rester bloquer sur quelque chose et me libérer l esprit afin de mieux réfléchir quand je me remettais au travail. Quelquefois lorsque je bloquais vraiment trop longtemps, Ernest essayait de voir s il pouvait résoudre mon problème. Les outils de la communication interne Avec Elodie J ai collaboré sur un projet avec Élodie, la graphiste, qui habite à Nantes. Nous communiquions par l intermédiaire de Skype. Elle me faisait part de ses instructions et je m organisais pour faire les modifications dans la journée suivant les autres projets que j avais à faire. Le partage de fichiers s effectuait par l intermédiaire d Ernest. Elodie lui envoyait un mail avec les documents concernés et il me les transmettait. 06

9 Avec Ernest Les bureaux de Lemonad sont équipés par un serveur Freebox pour l interne. Ernest déposait les fichiers qui n était pas du code et je pouvais me connecter au serveur et les récupérer. Quelquesfois, il me les envoyait par mail aussi. Le code était en ligne sur le serveur externe de Lemonad. J avais plusieurs accès FTP, un pour chaque projet et je modifiais directement le fichier en ligne grâce à une extension de mon éditeur de texte. Les sites que je créais ou modifiais n étaient pas en production, ils avaient une URL du type : www2.nomdusite.fr ou nomdusite.lemonad.fr Communication externe Lemonad utilise plusieurs supports de communication externe dans différentes situations que nous allons voir ici. Le site web Principal élément de communication, le site web de Lemonad. Ce site à la façon d un portfolio présente l entreprise, ses projets, ses membres. Le site a pour vocation principale de faire connaitre l entreprise et ses services. Cela permet d attirer de nouveaux clients, de nouveaux projets et de faire évoluer l entreprise. Le site est acutellement en refonte car celui qui est actuellement en ligne commence à vieillir. C est un projet sur lequel j ai pu travailler pendant mon stage. La plaquette La plaquette est sous la forme d un tryptyque. Tout comme le site web, la plaquette présente et illustre brièvement quelques projets de l agence. Elle contient également les services et les contacts de l agence. Cette plaquette est utilisée lors des rendez-vous avec les clients ou prestataires. Elle permet de faire effet bouche-à-oreille afin de faire connaitre l entreprise. Les réseaux sociaux L agence n est pas très présente sur les réseaux sociaux. Seul un compte Facebook a été créé et il n est pas vraiment entretenu. C est un point qui pourrait être soulevé dans le but d améliorer la communication de l agence. 07

10 Objectif Action Objectif Action est une association de chefs d entreprise dont Ernest est un des fondateurs. Elle est constituée de plusieurs chefs d entreprise qui sont potentiellement des clients pour Lemonad. D ailleurs certains d eux sont déjà client de Lemonad. L agence a donc une place à jouer dans cette association qui lui permet de se mettre en avant et de se faire connaitre. La relation avec la clientèle Enfin, la partie la plus importante et la plus imposante de la communication externe, la relation entre l agence et la clientèle. Elle se déroule en plusieurs étapes : Le devis, la définition des besoins, le rendez-vous, la proposition, la validation et les correctifs. Le première interaction entre l agence et un client est bien souvent amenée par une demande de devis. Un client à un besoin et Lemonad lui fait une offre qui répond à son besoin. Le devis est principalement fait sous forme d échange de mails mais parfois cela ce fait directement sous la forme d un rendez-vous. Un contrat est signé et l agence et le client peuvent travailler ensemble. L agence commence par définir le graphisme du site, soit avec la graphiste de l agence, soit avec un template et revient vers le client pour savoir si cela lui convient. Si effectivement cela lui convient alors l agence continue de travailler sur le projet. Plusieurs fois au cours du projet, des rendez-vous sont organisés avec les client pour savoir si le travail effectué par l agence leur plait toujours et pour affiner les besoins. Avant livraison, un dernier rendez-vous est pris et l ensemble du site est validé par le client et l agence. Une fois validé, le site peut être mis en ligne. Lemonad propose une «maintenance» lorsque le client souhaite effectuer de légères modifications sur son site web après livraison. Le dernier point de communication concerne donc les correctifs. Lorsque qu un client appelle, Ernest écoute la demande du client et si cela correspond bien à une légère modification, alors il fait généralement les changements dans la journée. 08

11 Les projets : des lignes de codes

12 L ensemble des projets sur lesquelles j ai travaillé ont été développés avec les versions 1.5 et 2 de Thelia. Thelia 2 est donc une solution e-commerce qui intègre Symfony. En effet, nous retrouvons, le modèle et le langage de Symfony dans Thelia. Quelques projets... J ai eu l occasion de travailler sur plusieurs projets dont les plus importants sont : L école du mariage, ACOS, Objectif Action, Cho cantine, Lemonad et Netcopro44. Les prochaines lignes seront réservées à la présentation de chacun de ces projets puis les suivantes présenteront globalement l élaboration d un projet de site web. Début avril - Mi mai L un des premiers gros projets sur lesquelles j ai travaillé est la refonte d un site flash en HTML5. Ce projet avait un double objectif, la refonte du site en HTML et l adaptation du site en responsive. L école du mariage est le site de la psychologue et conseillère en relation conjuguale musulmane Farida Kaced. Elle propose plusieurs rubriques sur son site : une présentation, des informations et des tarifs sur les consultations, des informations et un système de paiement sur les séminaires, des chroniques vidéos et enfin un contact. Les plus grosses difficultés sur ce site étaient de reproduire le site qui existait déjà en HTML et d imaginer le site sur mobile. J ai ensuite travaillé sur le site de ACOS. L entreprise Air Confort Solaire est spécialisé dans le chauffage, la climatisation, la plomberie et le sanitaire. Le projet du clien était une refonte du site web ainsi qu un ajout de plusieurs fonctionnalités. Mi avril - Fin juin Les fonctionnalités demandées étaient les suivantes : responsive design, un back-office pour gérer les contenus, une présentation pour les particuliers et une autre pour les professionnels, un formulaire d entretien SAV relié à un système de gestion indépendant, la présentation des services, la possibilité de créer un compte avec un espace membre et enfin un formulaire de contact 09

13 Il n y a pas eu de réelles difficultés sur ce projet de mon côté. Cependant, c est la première fois que je touchais à Thelia 2 et il m a fallu un petit temps d adaptation pour commencer à comprendre le fonctionnement qui finalement était plutôt semblable à Symfony. Le client ne sachant pas vraiment ce qu il veut, le projet stagne actuellement et c est pour cela qu il dure aussi longtemps. J ai également travaillé sur la refonte du site de l association de chefs d entreprise Objectif Action. Le site permet aux membres de l association de s informer des dernières actualités ou des évènements à venir, d observer le profil de tous les membres de l association et de s inscrire pour les non adhérents ou de se connecter pour les adhérents. Une fois connecté, les adhérants ont la possibilité de voir et modifier leurs informations personnelles et leur dernier bon de réservation (payé ou impayé) pour un évènement. Ils ont également la possibilité de payer en ligne leur participation à un évènement. La principale difficulté est que beaucoup de modules complémentaires à Thelia ont dû être développés pour ce site. C était nos premiers pas dans le back-end de Thelia Cho cantine est un restaurant asiatique situé dans le 10ème arrondissement à Paris. L enseigne n avait jusqu à présent pas de site web e-commerce mais seulement une page vitrine. Le gérant de Cho cantine, Cyril souhaitait un site d où les clients pouvait voir les produits et faire une commande. Les différentes fonctionnalités de ce site sont : la commande en ligne des produits et donc un espace client, le paiement en ligne, un espace presse relatant tous les articles faisant référence à Cho Cantine, une rubrique à propos du restaurant et enfin un formulaire de contact. Il n y a pas eu de grosses difficultés lors du développement du site. 10

14 J ai eu l occasion de travailler sur la refonte du site de l agence. Comme décrit dans la partie sur la communication externe, le site web est un pilier car il représente Lemonad sur le web, c est sa carte d identité, son CV. Il y avait donc un enjeu important avec ce site : faire passer un message, celui de représenter au mieux Lemonad, ses valeurs, ses travaux et son esprit. Les fonctionnalités nécessaires sur ce site sont principalement, le book qui présente tous les projets de l agence, la présentation de l agence qui permet de transmettre les valeurs à l internaute et le formulaire de contact. agence de communication Dans un second temps nous avons voulu implanter la possibilité à l utilisateur de se connecter et de pouvoir faire un devis en ligne ou gérer certaines fonctionnalités s il est déjà client. Le site n est pas encore terminé mais a déjà bien été entamé et avance bien. Il n y a pour l instant pas eut d énormes difficultés. Netcopro est un des derniers sites sur lesquelles j ai travaillé. Netcopro est une agence d entretien d immeubles et de locaux professionnels. Basé sur Nantes, c est Elodie qui avait préalablement fait une plaquette pour eux et la cliente lui avait demandé un site web reprenant un peu la plaquette. La demande de la cliente était donc un site vitrine qui présentait son entreprise et ses services avec un simple espace recrutement et un formulaire de contact. Commençant à m adapter et maîtriser Thelia 2, il n y a eu aucun problème, ni aucune difficultés sur ce projet hormis quelques problèmes de communication et de confusion entre Élodie et la cliente. 11

15 Les différentes étapes de la conception Un projet web est défini en fonction des besoins du client. Cependant, j ai pu remarquer le même schéma pour chaque site développé à Lemonad. I. Le cahier des charges Après avoir accepté le devis, un cahier des charges est établi avec le client pour définir ses besoins et la charte graphique qu il souhaiterait adopter. C est un moment clé du projet, comme nous avons pu l expérimenter lors de notre projet tuteuré, cette étape est cruciale pour le bon déroulement du projet. II. La recherche du template Lemonad étant une petite agence n ayant pas beaucoup de moyens, ni de main d oeuvre, elle privilégie les templates pour les petits projets web car c est un gain de temps énorme. Après avoir établi le cahier des charges et une deadline avec le client, c est la recherche du template qui commence. Pour cela des sites comme themeforest existent et mettent à disposition plein de template payant. III. Intégrer les bases du template Une fois le template en notre possession, il faut l intégrer à Thelia qui pour Thelia 2 utilise un système de triple héritage. Le triple héritage est un fichier unique généralement nommé layout qui contient toute la structure de la page. On insère ensuite des balises spécifiques dans ce code. Ces balises définissent l endroit où sera inséré le code des autres pages. En d autres termes, toutes les pages créer seront une extension du layout, mais chaque bloc est spécifique à chaque page. 12

16 layout.tpl <!doctype html> <html> <head>...</head> <body> <header>... </header> index.html {block name= main-content }{/block} {extends file= layout.tpl } {block name= main-content } <main class= main > <section>... </section> <div class= container >... </div> </main> {/block} <footer>... </footer> <script>...</script> </body> </html> L intégration se passe de la façon suivante : on commence par dupliquer le template par défaut de Thelia et on supprime les fichiers spécifiques à Thelia. On insère les assets du template que l on vient d acheter (les images, le javascript, le css, les fonts). On édite ensuite le fichier layout pour faire nos appels de fichiers qui correspondent à notre template. Enfin on insère le header, le footer et les blocs relatifs au triple héritage. Nous avons donc sur notre page le header, le footer et rien entre les deux. IV. Aller plus loin Les bases sont maintenant posées, nous pouvons créer toutes les pages du client statiquement, puis faire des réajustements sur le template pour qu il corresponde aux souhaits du client. Parfois il ne suffit que de quelques changements mineurs comme un changement de couleur mais parfois il faut développer des morceaux de code à implanter comme un espace client. V. Rendre le tout dynamique L étape suivante est de relier le contenu du back-office sur le front-office, c est-ce qu on appelle rendre le site dynamique car le client n aura pas besoin de toucher au code pour gérer ses contenus. Thelia fait appel à un système de loop/boucle pour rendre le contenu dynamique. Une rubrique Dossiers est présente dans le back-office de Thellia (2). À l intérieur de cette rubrique, l utilisateur peut créer des dossiers et/ou des contenus ainsi que des sous-dossiers etc. En tant que développeur nous avons des balises Smarty du type {loop type= content name= content }{/loop} qui permettent ces dossiers et contenus. La loop que j ai utilisée dans mon exemple est une loop du type contenu mais il existe également des loops de type folder (dossier) ou image. Chaque loop possède ses sorties par exemple la balise {$TITLE} affiche le titre du contenu ou du dossier de la loop. 12

17 VI. Les modules Maintenant que le template est installé et que toutes les pages ont étés créées et rendus dynamiques, certaines fonctionnalités manquent encore pour finaliser le projet du client. Nous avons déjà exploité les fonctionnalités que Thelia nous livre, heuresement il reste encore les modules. Qu est-ce qu un module? Un module est comme un plugin qui se greffe au «moteur» de Thelia et qui permet d ajouter des fonctionnalités. Les modules sont développés par la communauté et sont disponibles sur Git Hub, la plateforme de partage de code source. Il existe par exemple un module pour ajouter la date de naissance à un client dans les formulaires et dans la base de données. La toute dernière étape est donc le développement des modules complémentaires. Heuresement, Thelia permet de créer la structure d un module à partir de fichiers XML grâce à des commandes de console. Les fichiers de configuration de base permettent de définir des nouvelles loops, les tables sql, les services... Nous avons fini de développer notre site, tout est entièrement fonctionnel et conforme aux attentes du client. Le site est prêt à être mis en ligne. La mise en ligne La mise en ligne du site dépend du client et peut se dérouler de deux façons différentes. Soit le client est hébergé chez Lemonad, car Lemonad propose dans ses services l hébergement et la maintenance, soit le client à son propre hébergeur. Dans ce cas-là, il arrive souvent que le client donne ses identifiants à l agence et qu Ernest s occupe de mettre le site en ligne. Cependant, une fois qu il est en ligne, il n opère pas de maintenance. Bien entendu chaque projet, chaque site est différent et ce schéma n est pas vrai pour chacun d eux mais il représente dans la globalité ce que j ai fait pendant mon stage, c est-à-dire du développement sous Thelia 2. Si je devais faire le lien entre les compétences qui m ont été demandées pendant le stage et ce que j ai appris en MMI, je dirais que tout ce que j ai appris m a été utile. De la gestion de projet, aux langages de développement en passant par le graphisme, tout m a servi. 13

18 Conclusion Bilan

19 Bilan professionnel Professionnellement, mon stage chez Lemonad s est très bien passé et a été pour moi l occasion d apprendre et d échanger. Lorsque je suis arrivé à Lemonad, Ernest le gérant et mon tuteur utilisait la version 1.5 de Thelia qui commence maintenant à devenir veille et obsolète. Comme je l ai déjà précisé précédemment, Thelia 2 est développé avec Symfony et Ernest n avait pas le temps d étudier de son côté Thelia 2 pour passer ses projets sous cette version. Grâce à mon arrivée et mes connaissances, nous avons pu passer sous Thelia 2 et ainsi améliorer la qualité de nos projets. J ai pu lui expliquer ce qu était le système de triple héritage et de controller. Tout au long de mes 12 semaines de stage, j ai pu légèrement m améliorer en PHP mais je me rappelle surtout avoir réussi à gérer un formulaire en ajax avec du json et avoir appris Bootstrap. J ai découvert les templates et certaines libraires. Toujours professionnellement, j ai appris plusieurs choses en MMI qui m ont servi lors de ce stage. Premièrement, il y a tout ce qui est en rapport avec les langages de programmation comme le langage HTML et CSS que j ai énormément pratiqué lors de ce stage mais aussi PHP et Symfony que j ai pu apprendre lors de mon projet tuteuré qui nous a permis de passer sous Thelia 2. La gestion de projet m a également aidé à m organiser car j avais beaucoup de projet différent en même temps et chacun avait ses deadlines et ses priorités. Ce que j ai appris lors de mes deux projets tuteurés et les cours de gestion de projet m a permis de gérer tout cela parfaitement. Enfin les cours de graphisme m ont donner le minimum nécessaire pour garder quelque chose de beau lorsque j ai dû modifier des templates ou les améliorer. Ces 12 semaines m ont vraiment permis d acquérir de l expérience, d avoir un pied dans le monde de l entreprise et ici dans le monde des TPE. J ai pu vraiment m épanouir sur les projets qui m ont été données et j en tire un très bon souvenir. D ailleurs je reste chez Lemonad un an pendant mon Bachelor Web en alternance à HETIC. Bilan personnel L expérience que j en tire personnellement est très positive. Je pense que cela m a éclairé sur l orientation que je souhaitais prendre et sur la suite de mon parcours professionnel. Avant de commencer mon stage, je pensais créer mon entreprise et y développer un concept. Par exemple nous avions E-PASS lors de notre projet tuteuré, c est une idée que j aurais pu développer et vendre. À la fin de ce stage, je sais que c est définitivement ce que je veux faire. J ai adoré l expérience que j ai pu avoir de la très petite entreprise et je souhaite commencer ma carrière dans une entreprise comme ça. Les relations que j ai pu avoir avec mon patron, les autres stagiaires ont également été super. J ai su prendre ma place en tant que développeur et proposer mes idées sur les différents projets. Ernest m a fait confiance tout au long du stage et je l en remercie pour ça. Enfin il faut dire que les cours de communication et de théâtre enseigné par Mme Niel et Mme Chassaigne m ont aidé à savoir mieux m exprimer et à faire valoir mes idées. Comme bilan général, je peut dire que je suis très content de ce stage et que tout est positif. J ai eu de la chance cette année et l année dernière d avoir eu la chance de faire ce qu il me plait et de pouvoir aimer mon travail. 14

20 Annexes

21 Tables des annexes Embauche Annexe 1 - Échange de mails 16 Annexe 2 - Mon cv 17 La communication externe de Lemonad Annexe 3 - Le site de Lemonad Annexe 4 - Devis Les outils Annexe 5 - Exemple de balise Smarty Annexe 6 - Back-office de Thelia 2 Les projets Annexe 7 - Site de Objetctif Action Annexe 8 - Site de Netcopro44 Annexe 9 - Site de Cho Cantine Autres Annexe 10 - Convention de stage Annexe 11 - Comparaison entre Ludendo et Lemonad Glossaire Fin! 15

22 Annexe 1 - Échange de mails Échange des premiers mail entre Ernest et moi, au moment de ma candidature spontannée dans son agence en tant que développeur. 16

23 Annexe 2 - Mon cv Exemplaire du CV que j ai envoyé lors de ma demande de stage. 17

24 Annexe 3 - Le site de Lemonad Nouveau site sur lequel j ai travaillé Site actuel de Lemonad Les deux illustrations ci-contre représentent la page book du site de Lemonad. On peut observer que le nouveau site est beaucoup plus clair et aéré. 18

25 Annexe 4 - Devis Exemple de devis pour un client. 19

26 Annexe 5 - Exemple de balise Smarty La capture d écran ci-dessus illustre le début d une page web dynamique sous thelia. Tout d abord nous avons évidamment le extends qui fait appel au layout. Le second block permet de récupérer différentes variables qui seront utilisés par la suite. Les troisième, quatrième et cinquième block sont destinés au référencement avec la gestion des balises title et meta. Le dernier block gère le fil d ariane. Exemple de loop. Cette loop est de type category, c est-à-dire qu elle va chercher dans éléments qui sont des catégories. Thelia impose ensuite de donner un nom à la loop. Plusieurs autres paramètres peuvent être intégrés à la loop. Ici le but est d afficher toutes les catégories donc nous avons une liste et chaque <li> est un lien avec le nom de la catégorie correspondante. 20

27 Annexe 6 - Back-office de thelia 2 Cette capture d écran illustre le catalogue de Thelia. Dans cette rubrique se trouve les rubriques des produits du site Cho Cantine. Le gérant du restaurant à accès à cette partie et gère lui même ses rubriques et sesproduits. Cette capture d écran illustre l édition d une rubrique. Plusieurs champs sont disponibles. Nous pouvons définir le titre et un résumé de la rubrique, lui donner une description, définir son dossier parent, choisir son image... Cette capture d écran illustre les dossiers de Thelia. Tout comme le catalogue, l utilisateur peut gérer ses contenus depuis cette rubrique. 21

28 Annexe 7 - Site de Objectif Action Page présentation d Objectif Action. Cette page n est pas terminée. 22

29 Annexe 8 - site de Netcopro44 Page d accueil de la société de nettoyage Netcopro44. L ésthétique du site a été fait en fonction de la plaquette qui avait été préalablement réalisé. 23

30 Annexe 9 - Site de Cho cantine Page contact du site de Cho Cantine. Le site n est pas complétement terminé et le client n a pas rempli tout ses contenus. 24

31 Annexe 10 - Convention de stage 25

32 Annexe 11 - Comparaison entre Ludendo et Lemonad L année dernière, j ai fait mon stage de 1ère année à Ludendo, l entreprise qui détient plusieurs chaines de magasins dont La Grande Récré. Cette entreprise dispose de plus de 5000 salariés. Je travaillais au service communication interne. L essentiel de mon travail était la réalisation d affiches de communication interne. J ai également codé un petit site mobile dans le cadre d une campagne de sensibilisation sur la confiance en soi. Cette année j ai fait mon stage dans l agence de communication Lemonad. Cette entreprise ne compte que 2 employés dont l un sur la région de Nantes. J ai travaillé dans cette agence en tant que développeur web. L essentiel de mon travail reposait sur la réalisation de site web avec le framework Thelia 2. Après avoir testé la grande entreprise, j ai voulu tester une plus petite du type startup afin d expérimenter les deux environnements et affiner la vision de mon parcours professionnel futur. J ai apprécier les deux expériences mais c est indéniablement le monde de la très petite entreprise que j ai préféré. Ce monde laisse beaucoup plus de libertés au travailleur et lui permet de s organiser comme il le souhaite. Dans le monde du développement web, tout va si vite qu il est important de savoir gérer son temps et savoir/pouvoir prendre des initiatives. 26

33 Glossaire HTML : est le format de données conçu pour représenter les pages web. C est un langage de balisage permettant d écrire de l hypertexte, d où son nom. HTML permet également de structurer sémantiquement et de mettre en forme le contenu des pages, d inclure des ressources multimédias dont des images, des formulaires de saisie, et des programmes informatiques. CSS : est un langage consacré à la mise en forme des contenus HTML. Apparu vers le milieu des années 90, c est aujourd hui un complément essentiel de tout site Web qui se respecte. Il assure l uniformité des pages et facilite leur maintenance. PHP : est un langage de programmation libre, principalement utilisé pour produire des pages Web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n importe quel langage interprété de façon locale. PHP est un langage impératif orienté objet. JavaScript : est un langage de programmation de scripts principalement employé dans les pages web interactives mais aussi pour les serveurs jquery : est une bibliothèque JavaScript libre et multi-plateforme créée pour faciliter l écriture de scripts côté client dans le code HTML des pages web. Ajax : permet de construire des applications Web et des sites web dynamiques interactifs sur le poste client en se servant de différentes technologies ajoutées aux navigateurs web entre 1995 et Smarty : est un moteur de template pour le langage PHP. Il est rapide et permet la gestion des caches. Il facilite la séparation entre la logique applicative et la présentation (d un point de vue du modèle OSI). Bootstrap : est une collection d outils utile à la création de sites et d applications web. C est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option. Symfony 2 : est un framework MVC libre écrit en PHP (compatible avec PHP 7). Il fournit des fonctionnalités modulables et adaptables qui permettent de faciliter et d accélérer le développement d un site web. Thelia2 : reprend les principes de méta-langage et de boucles de contenu popularisés par SPIP. Il devient ainsi possible d exploiter des interfaces utilisateurs complètement indépendantes du système, et de les adapter à Thelia par la manipulation de boucles. Ce type de solution permet de concilier une totale liberté dans la création de l interface avec l utilisation d un back office quasiment prêt à l emploi. Template : est un patron de mise en page où l on place images et textes. Aussi, il est souvent utilisé de manière répétitive pour créer des documents présentant une même structure. MVC : est un modèle destiné à répondre aux besoins des applications interactives en séparant les problématiques liées aux différents composants au sein de leur architecture respective. un modèle (modèle de données) ; une vue (présentation, interface utilisateur) ; un contrôleur (logique de contrôle, gestion des événements, synchronisation). 27

34 I made my internship of the second year of my TWO-YEAR TECHNICAL DEGREE Jobs of Multimedia and the Internet in a communication agency situated to Champs-sur-Marne. The name of this agency is Lemonad. It proposes several services bound to the multimedia such as the realization of promotional videos or visual identities print and finally the realization of Websites in any kinds (site shop window, e-commerce). I was a web developer during these 12 weeks. My leading part was to develop sites with Thelia 2, a framework based on Symfony 2. I made several projects for various customers. This internship was the opportunity for me to acquire some experience and improve my skills in Web.

COMPTE RENDU GESTION DE FRAIS GSB APPLICATION WEB

COMPTE RENDU GESTION DE FRAIS GSB APPLICATION WEB COMPTE RENDU GESTION DE FRAIS GSB APPLICATION WEB Sciences-U Lyon Linda ASLOUNE, 0514838873 Sommaire Contexte...3 Cahier des charges Définition de la problématique.....3 Contraintes....4 Différentes étapes

Plus en détail

COMPTE RENDU GESTION DES FRAIS GSB APPLICATION ANDROID

COMPTE RENDU GESTION DES FRAIS GSB APPLICATION ANDROID COMPTE RENDU GESTION DES FRAIS GSB APPLICATION ANDROID Sciences-U Lyon Linda ASLOUNE, 0514838873 Sommaire Contexte...3 Cahier des charges Définition de la problématique.....3 Contraintes....4 Différentes

Plus en détail

Galaxy Swiss Bourdin Année

Galaxy Swiss Bourdin Année Galaxy Swiss Bourdin Année 2016-17 Projet Application Frais DOSSIER RELATIF DU COMPTE RENDU DE LA GESTION DE FRAIS SUR UN TERMINAL ANDROID. Sommaire Contexte...3 Cahier des charges Définition de la problématique.....3

Plus en détail

NOTE DE STAGE 2016 SAGOT Annaëlle

NOTE DE STAGE 2016 SAGOT Annaëlle 1 PRÉSENTATION DE L ENTREPRISE J ai effectué mon stage au sein d une entreprise de télémédecine nommée «BeeTree» qui propose une plateforme de télésurveillance médicale par le médecin habituel pour les

Plus en détail

COMFAST. Gestionnaire de communication

COMFAST. Gestionnaire de communication COMFAST 2015 Gestionnaire de communication Rapport de stage FINES Guillaume COMBARI Christophe 29/06/2015 Remerciements Je remercie Monsieur COMBARI de m avoir accueilli dans son entreprise de business

Plus en détail

Sommaire. 1 Créer un premier site Élaborer un contenu...69

Sommaire. 1 Créer un premier site Élaborer un contenu...69 Partie 1 Votre site web personnel...25 1 Créer un premier site...27 1.1 Installer le serveur web personnel de Microsoft...29 1.2 Créer un nouveau site web...31 1.3 Découvrir et personnaliser l environnement

Plus en détail

Formation Symfony 3, fondamentaux et avancé

Formation Symfony 3, fondamentaux et avancé L institut de formation continue des professionnels du Web Formation Symfony 3, fondamentaux et avancé Référence formation : Durée : Prix conseillé : SF3 5 jours (35 heures) 2 600 HT (hors promotion ou

Plus en détail

MARSNET : Internet Solidaire et Informatique Libre. CREATION D UN SITE web avec un logiciel libre et gratuit (Spip) - 4 Jours

MARSNET : Internet Solidaire et Informatique Libre. CREATION D UN SITE web avec un logiciel libre et gratuit (Spip) - 4 Jours Annexe 1. PROGRAMME de formation TITRE/ INTITULÉ DE LA FORMATION : CREATION D UN SITE web avec un logiciel libre et gratuit (Spip) - 4 Jours PRÉSENTATION : Formation-action qui permet aux participants

Plus en détail

SOMMAIRE. I Présentation du candidat. II Présentation de l'entreprise Kompromis

SOMMAIRE. I Présentation du candidat. II Présentation de l'entreprise Kompromis Rapport de stage Kompromis BÉNARD Maxime - 20 juin 2016 SOMMAIRE I Présentation du candidat II Présentation de l'entreprise Kompromis III Le stage au sein de l entreprise A Structure et organisation interne

Plus en détail

FORMATION DEVELOPPEUR WEB Cité des Géométries

FORMATION DEVELOPPEUR WEB Cité des Géométries Cité des Géométries Gare Numérique du Val de Sambre Place de la Gare 59460 JEUMONT 0327677651 Ioziard@gmail.com 1 Résumé Le développeur web réalise l ensemble des fonctionnalités d un site internet. Le

Plus en détail

Joomla! 3.3 Créez et administrez vos sites Web

Joomla! 3.3 Créez et administrez vos sites Web Chapitre 1 : Découvrir Joomla! A. Les raisons de créer un site sous Joomla! 9 B. Se documenter sur Joomla! 9 C. La feuille de route de Joomla! 10 D. Qu est-ce qu un CMS? 12 E. HTML et XHTML 12 F. Différencier

Plus en détail

LRV 4 jours (28 heures) HT (hors promotion ou remise particulière)

LRV 4 jours (28 heures) HT (hors promotion ou remise particulière) L institut de formation continue des professionnels du Web Formation Laravel 5 Référence formation : Durée : Prix conseillé : LRV 4 jours (28 heures) 2 100 HT (hors promotion ou remise particulière) Description

Plus en détail

Guide d utilisation pour utilisateur «userpsa»

Guide d utilisation pour utilisateur «userpsa» Guide d utilisation pour utilisateur «userpsa» Site Internet du comité d entreprise http://cepcacharleville.fr Page 1 sur 13 SOMMAIRE 1 VERSION DU DOCUMENT... 3 2 COMMENT BIEN UTILISER CE GUIDE... 4 3

Plus en détail

BTS Services informatiques aux organisations Session E4 Conception et maintenance de solutions informatiques Coefficient 4

BTS Services informatiques aux organisations Session E4 Conception et maintenance de solutions informatiques Coefficient 4 BTS Services informatiques aux organisations Session 2017 E4 Conception et maintenance de solutions informatiques Coefficient 4 DESCRIPTION D UNE SITUATION PROFESSIONNELLE Épreuve ponctuelle PARCOURS SISR

Plus en détail

Cette architecture est utilisée dans Flex, Symfony, CakePHP, CodeIgniter, Zend, etc.

Cette architecture est utilisée dans Flex, Symfony, CakePHP, CodeIgniter, Zend, etc. Le Modèle-Vue-Contrôleur (en abrégé MVC, de l'anglais Model-View-Controller) est une architecture et une méthode de conception qui organise la conception d un site web. Cette organisation divise le travail

Plus en détail

Contactez-nous sur : Web : Profil. Animateur Flash. Designer Flash Flasheur

Contactez-nous sur :   Web :  Profil. Animateur Flash. Designer Flash Flasheur Contactez-nous sur : E-mail : gilles@e-i.ma Web : www.e-i.ma Profil Animateur Flash Designer Flash Flasheur Polyvalent, le développeur / animateur Flash possède des compétences en animation. Son rôle est

Plus en détail

Quel est le tarif d une création graphique?

Quel est le tarif d une création graphique? Quel est le tarif d une création graphique? Voici ma méthode de calcul : Tarif / jour Nombre de jours + Cession des droits + Charges + Amortissement des frais d achat des logiciels, matériels (imprimante,

Plus en détail

Olivia TELIN. Dossier d initialisation de stage par : Maître de stage: Guillaume Pegoraro. Maîtresse accompagnatrice: Atika Laribi

Olivia TELIN. Dossier d initialisation de stage par : Maître de stage: Guillaume Pegoraro. Maîtresse accompagnatrice: Atika Laribi Dossier d initialisation de stage par : Olivia TELIN Maître de stage: Guillaume Pegoraro Maîtresse accompagnatrice: Atika Laribi École Supérieure d Informatique de Gestion, Genève SOMMAIRE SOMMAIRE 2 1.

Plus en détail

Développement d un site Web dynamique pour StadiumCompany

Développement d un site Web dynamique pour StadiumCompany PPE 2015-2016 Développement d un site Web dynamique pour StadiumCompany MERAIHI Samy CASTELAIN Jérémy LAM Victor Sommaire I) Contexte du Projet... 2 a) Présentation de StadiumCompany... 2 b) Présentation

Plus en détail

Cahier des charges. Musée du Louvre. billets

Cahier des charges. Musée du Louvre. billets Cahier des charges Musée du Louvre Création d une interface de réservation et d achat de billets Leo Grambert Chef de Projet Multimédia Développeur back-end 2017 Sommaire 1 Vision globale 3 1.1 Les objectifs.................................

Plus en détail

IDENTIFICATION DESCRIPTION

IDENTIFICATION DESCRIPTION IDENTIFICATION Intitulé de l Unité d Enseignement : PROJET DE DÉVELOPPEMENT WEB Intitulé du cours : PROJET DE DÉVELOPPEMENT : PROGRAMMATION CÔTÉ CLIENT ET PROGRAMMATION CÔTÉ SERVEUR Nombre de périodes

Plus en détail

Jeudi 26 Avril BETANT Olivier, MORA Cédric IFIPS 4ème année. DEP. Informatique PROJET WEB BD XML RAPPORT FINAL

Jeudi 26 Avril BETANT Olivier, MORA Cédric IFIPS 4ème année. DEP. Informatique PROJET WEB BD XML RAPPORT FINAL Jeudi 26 Avril 2007 DEP. Informatique BETANT Olivier, MORA Cédric IFIPS 4ème année PROJET WEB BD XML RAPPORT FINAL SOMMAIRE : Introduction... 3 Cahier des charges... 3 Dévelopment de l application... 4

Plus en détail

PROGRAMME PÉDAGOGIQUE DE FORMATION SUR 4 JOURS CRÉER ET GÉRER UN SITE E-COMMERCE AVEC PRESTASHOP

PROGRAMME PÉDAGOGIQUE DE FORMATION SUR 4 JOURS CRÉER ET GÉRER UN SITE E-COMMERCE AVEC PRESTASHOP PROGRAMME PÉDAGOGIQUE DE FORMATION SUR 4 JOURS CRÉER ET GÉRER UN SITE E-COMMERCE AVEC PRESTASHOP DÉTAILS DE LA FORMATION Cette formation a pour objectif d apprendre à créer et gérer une boutique en ligne

Plus en détail

RAPPORT DE STAGE. EURL Edouard. BOYER Thomas BTS SIO

RAPPORT DE STAGE. EURL Edouard. BOYER Thomas BTS SIO RAPPORT DE STAGE EURL Edouard BOYER Thomas BTS SIO Sommaire Sommaire Introduction 1 Entreprise 2 Projet 3 Réalisation du projet 6 Conclusion 14 Remerciements 14 Informations sur l entreprise 14 Annexe

Plus en détail

Formation HTML5 et CSS3 les fondamentaux

Formation HTML5 et CSS3 les fondamentaux L institut de formation continue des professionnels du Web Formation HTML5 et CSS3 les fondamentaux Référence formation : Durée : Prix conseillé : CHCF 5 jours (35 heures) 2 290 HT (hors promotion ou remise

Plus en détail

Architecture des applications Internet

Architecture des applications Internet Formations Informatique Langages et développement Architecture Architecture des applications Internet Référence ARC-AI Durée 5 jours (35 heures) Certification Aucune Appréciation des résultats Évaluation

Plus en détail

Rapport comparatif des différents CMS et Framework PHP

Rapport comparatif des différents CMS et Framework PHP Master SIPPE 2010/2011 Projet TOKTEN Mali Ba Oumar Dieudop Aris Dumas Quentin Khelifati Mohamed Rapport comparatif des différents CMS et Framework PHP TOKTEN est une plateforme collaborative et communautaire,

Plus en détail

Formation : Développeur web mobile en 280 heures en centre et 175 heures en entreprise

Formation : Développeur web mobile en 280 heures en centre et 175 heures en entreprise Formation : Développeur web mobile en 280 heures en centre et 175 heures en entreprise Le métier Le développeur web mobile effectue la réalisation technique et le développement informatique d'applications

Plus en détail

Benjamin DEMAIZIERE. Développeur - Designer. Dossier de réalisations

Benjamin DEMAIZIERE. Développeur - Designer. Dossier de réalisations Benjamin DEMAIZIERE Développeur - Designer Dossier de réalisations Table des matières Présentation 3 Portfolio personnel 4 Site Gilles Pesando 6 MMI Story 8 Espérance de Vie 10 Kernel Concept 12 Portfolio

Plus en détail

Nous sommes actifs dans la création de site web depuis Web It Be (prononcez «web hit bi») a été crée en 1999 par Jean Pierre Destrée.

Nous sommes actifs dans la création de site web depuis Web It Be (prononcez «web hit bi») a été crée en 1999 par Jean Pierre Destrée. A propos de nous Site internet à partir de 370 Nous sommes actifs dans la création de site web depuis 1995. Web It Be (prononcez «web hit bi») a été crée en 1999 par Jean Pierre Destrée. Elle a été reprise

Plus en détail

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET Nom du client : Adresse : Tel : Fax : Personne à contacter dans l entreprise :

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET Nom du client : Adresse : Tel : Fax :   Personne à contacter dans l entreprise : CAHIER DES CHARGES DE REALISATION DE SITE INTERNET Nom du client : Adresse : Tel : Fax : Email : Personne à contacter dans l entreprise : SOMMAIRE 1 PRESENTATION DU CLIENT 2 PRESENTATION DU PROJET 2.1

Plus en détail

AUDIT

AUDIT AUDIT http://www.maccosmetics.com/ Sommaire INFORMATIONS GENERALES... 3 AUDIT EDITORIAL... 3 AUDIT ERGONOMIQUE NAVIGATION... 4 AUDIT ERGONOMIQUE- ACCÉSSIBILITÉ... 5 AUDIT ERGONOMIQUE-LISIBILITÉ / GRAPHISME...

Plus en détail

BTS SIO SLAM 2eme année Rapport de Stage

BTS SIO SLAM 2eme année Rapport de Stage LYCEE SAINT VINCENT BTS SIO SLAM 2eme année Rapport de Stage Stagiaire Tuteur Niveau Maxime BORDAS Sihame ALLALI BTS SIO SLAM 2eme année 1 Sommaire : Page 3 1.1) Présentation de l entreprise Page 4 1.2)

Plus en détail

Documentation Technique

Documentation Technique Documentation Technique Script de Petites Annonces Gratuites ou Payantes Annonces&Vous WEB CONCEPTION 17 avril 2015 Créé par : Antoine Chédebois Version Script : 1.9 Documentation Technique Script de Petites

Plus en détail

Sites - Blogs - Boutiques en ligne

Sites - Blogs - Boutiques en ligne Atelier web Formation-Réalisation Créer son site web professionnel avec WordPress Objectif de la formation : Apprendre au stagiaire à devenir autonome dans la gestion et l'évolution de son site web en

Plus en détail

AUDIT

AUDIT AUDIT http://www.yves-rocher.fr/ Sommaire INFORMATIONS GENERALES... 3 AUDIT EDITORIAL... 3 AUDIT ERGONOMIQUE NAVIGATION... 4 AUDIT ERGONOMIQUE- ACCÉSSIBILITÉ... 6 AUDIT ERGONOMIQUE-LISIBILITÉ / GRAPHISME...

Plus en détail

AUDIT

AUDIT AUDIT http://www.bourjois.fr/ Sommaire INFORMATIONS GENERALES... 3 AUDIT EDITORIAL... 3 AUDIT ERGONOMIQUE NAVIGATION... 4 AUDIT ERGONOMIQUE- ACCÉSSIBILITÉ... 6 AUDIT ERGONOMIQUE-LISIBILITÉ / GRAPHISME...

Plus en détail

PrestaShop 1.7 Créer un site de e-commerce

PrestaShop 1.7 Créer un site de e-commerce Chapitre 1 : PrestaShop : pour quoi faire? A. PrestaShop dans la sphère CMS 11 B. Nouveautés de la version 1.7 11 1. Rappel des épisodes précédents 11 2. FrontOffice redessiné pour être responsive 11 3.

Plus en détail

FICHIER DE DEVIS SAJILOA

FICHIER DE DEVIS SAJILOA FICHIER DE DEVIS SAJILOA 1 INFORMATISEZ TOUT SIMPLEMENT 78 417 58 18 / 70 872 48 43 / @ devis@sajiloa.com www.sajiloa.com Version 1.0 SOMMAIRE 2 Table des matières PETIT LEXIQUE... 3 NOS... 6 1) REFERENCEMENT

Plus en détail

MODELE DE CAHIER DES CHARGES DE SITE INTERNET

MODELE DE CAHIER DES CHARGES DE SITE INTERNET MODELE DE CAHIER DES CHARGES DE SITE INTERNET 1. Présentation d ensemble du projet 1.1 Présentation de l entreprise : - Présenter l activité de l entreprise : date de création, services ou produits vendus,

Plus en détail

Programme Formation Webmaster Opérationnel niveau 2

Programme Formation Webmaster Opérationnel niveau 2 Programme Formation Webmaster Opérationnel niveau 2 Objectif : Savoir personnaliser et dynamiser le contenu de sites web par la connaissance de l'html5/css3, du PHP MySQL, du JavaScript et d'ajax. Compétences

Plus en détail

Module pour la solution e-commerce OXID eshop

Module pour la solution e-commerce OXID eshop Module pour la solution e-commerce OXID eshop sommaire 1. Introduction... 3 1.1. Objet du document... 3 1.2. Liste des documents de référence... 3 1.3. Avertissement... 3 1.4. Contacts... 3 1.5. Historique

Plus en détail

NOTE DE SYNTHESE APPLICATION DE SUIVI D ELEVE POUR MONITEUR

NOTE DE SYNTHESE APPLICATION DE SUIVI D ELEVE POUR MONITEUR NOTE DE SYNTHESE APPLICATION DE SUIVI D ELEVE POUR MONITEUR Réalisé par : DELUCIEN Stéphane REMERCIEMENTS Je tiens à remercier le directeur de l auto-école, monsieur CECEN Faruk, qui m a entièrement donné

Plus en détail

Formation AngularJS, fondamentaux et avancé

Formation AngularJS, fondamentaux et avancé L institut de formation continue des professionnels du Web Formation AngularJS, fondamentaux et avancé Référence formation : Durée : Prix conseillé : ANGJS 5 jours (35 heures) 2 725 HT (hors promotion

Plus en détail

Cahier des charges Création de site E-commerce

Cahier des charges Création de site E-commerce Cahier des charges Création de site E-commerce CONTEXTE DU PROJET NUMERIQUE Pourriez-vous décrire en quelques mots l histoire de votre entreprise ou reprendre des éléments déjà rédigés sur son histoire

Plus en détail

CAHIER DES CHARGES DU SITE WEB. Nom de l entreprise : Nom du projet : Personne à contacter: Adresse : Tel :

CAHIER DES CHARGES DU SITE WEB. Nom de l entreprise : Nom du projet : Personne à contacter: Adresse : Tel : CAHIER DES CHARGES DU SITE WEB Nom de l entreprise : Nom du projet : Personne à contacter: Adresse : Tel : Email : Sommaire 1 Introduction. Qui Contexte êtes vous? et enjeux 2 Objectifs Publics visés 3

Plus en détail

NOS FORMATIONS III BUREAUTIQUE ET INFORMATIQUE

NOS FORMATIONS III BUREAUTIQUE ET INFORMATIQUE NOS FORMATIONS III BUREAUTIQUE ET INFORMATIQUE 1) Access au complet Maîtriser les requêtes ; créer des états complexes : insérer des champs de calcul et de synthèse - Définir les jointures et leurs propriétés

Plus en détail

Morman Design. Dossier des spécificités de MyHairManager. Mannebarth Thibault Moreau Alexis

Morman Design. Dossier des spécificités de MyHairManager. Mannebarth Thibault Moreau Alexis Morman Design Dossier des spécificités de MyHairManager Mannebarth Thibault Moreau Alexis Table des matières I Introduction...3 I.1 Services existants...3 I.2 Objectifs...3 II Présentation...4 II.1 Acteurs...4

Plus en détail

PLATE-FORME D APPRENTISSAGE (DELTA)

PLATE-FORME D APPRENTISSAGE (DELTA) PLATE-FORME D APPRENTISSAGE (DELTA) PRISE EN MAIN A DESTINATION DES FORMATEURS - TUTEURS RELAIS Pôle de compétences FOAD Formation Ouverte et A Distance Mise à jour : Juillet 2016 Ref : ELMG - Prise en

Plus en détail

MODULE > COMMUNICATION THÈME 20 > COMMENT CRÉER UN SITE E-COMMERCE?

MODULE > COMMUNICATION THÈME 20 > COMMENT CRÉER UN SITE E-COMMERCE? MODULE > COMMUNICATION THÈME 20 > COMMENT CRÉER UN SITE E-COMMERCE? SOMMAIRE 1. Qu est-ce qu un site e-commerce? 2. Avantages et inconvénients de la vente en ligne 3. Etapes de création d un site e-commerce

Plus en détail

Table des matières 1. Editions ENI - Toute reproduction interdite

Table des matières 1. Editions ENI - Toute reproduction interdite Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception

Plus en détail

MAQUETTISTE INFOGRAPHISTE MULTIMÉDIA

MAQUETTISTE INFOGRAPHISTE MULTIMÉDIA MAQUETTISTE INFOGRAPHISTE MULTIMÉDIA CAMPUS FONDERIE DE L IMAGE campusfonderiedelimage.org CFA des Métiers de la Communication et de la Création Numérique de niveau IV Formation gratuite et rémunérée en

Plus en détail

Animation de site web

Animation de site web Impression à partir du site https://offredeformation.npdcp.fr le 02/02/2017. Fiche formation Animation de site web - N : 24959 - Mise à jour : 31/01/2017 Animation de site web Agence Tristanah 2 boulevard

Plus en détail

Rue de l'eglise 35 CP Fully

Rue de l'eglise 35 CP Fully Modèle - Exemple 04.11.2016 Etude & Administration Réalisation administrative & contacts > évaluation des besoins du client > analyse du cahier des charges > réalisation du devis Suivi de l'avancée du

Plus en détail

BOSS : Bourses régionale du Sanitaire et du Social GUIDE UTILISATEUR ETUDIANT

BOSS : Bourses régionale du Sanitaire et du Social  GUIDE UTILISATEUR ETUDIANT BOSS : Bourses régionale du Sanitaire et du Social http://boss.region-alsace.eu GUIDE UTILISATEUR ETUDIANT 1. Recherche d'informations p 2 (conditions générales, règlement, FAQ, contacts, mot du président)

Plus en détail

PROGRAMME DE FORMATION HTML5, CSS3, PHP5

PROGRAMME DE FORMATION HTML5, CSS3, PHP5 Organisme de formation professionnelle Formation Informatique Paca & Rhône-Alpes FORMANOSQUE 130 ch. du clos supérieur 04100 Manosque Tél. 04 92 77 10 58 contact@formanosque.fr Google formanosque PROGRAMME

Plus en détail

Dossier de candidature Saison

Dossier de candidature Saison Dossier de candidature Saison 2011-2012 Radio Campus Paris recrute des membres bénévoles motivés par l univers radiophonique, le web et l organisation d événements pour sa septième saison sur la bande

Plus en détail

Cahier de charges du projet

Cahier de charges du projet BTS SIO 2 SLAM PPE 1 : Site Commercial avec PHPP & SQL Cahier de charges du projet Nom: Bryan Gaudet Titre du TP : Site Commercial PHP & SQL Professeur référent : Mme. Gaddouri Nom du Site : Vintage Club

Plus en détail

Projet Covoiturage TP 3

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

Plus en détail

Joomla et VirtueMart

Joomla et VirtueMart Valérie Isaksen Avec la contribution de Thierry Tardif Joomla et VirtueMart Réussir sa boutique en ligne 2e édition Groupe Eyrolles, 2008, 2010, ISBN : 978-2-212-12487-3 Table des matières 1. VOTRE PROJET

Plus en détail

SARL KOTÉ - QUENTIN NORMAND SAINT PHILIBERT SAINT PIERRE D ENTREMONT

SARL KOTÉ - QUENTIN NORMAND SAINT PHILIBERT SAINT PIERRE D ENTREMONT SARL KOTÉ - QUENTIN NORMAND SAINT PHILIBERT - 73670 SAINT PIERRE D ENTREMONT 06 30 94 76 07 - CONTACT@KOTE.FR PRÉSENTATION : KOTÉ Je suis Quentin NORMAND, Webmaster/Développeur à mon compte depuis le 1er

Plus en détail

Cahier des charges pour un projet E-commerce

Cahier des charges pour un projet E-commerce Page 2 Cahier des charges pour un projet E-commerce Ce document a pour but d e vous aider à bien définir vos besoins concernant votre projet web. Je me charge de vous accompagner dans votre projet e-commerce

Plus en détail

Catalogue des. Formations

Catalogue des. Formations Catalogue des Formations Arteacom Muriel Pineau - 680 chemin des Grappons - 13510 Eguilles N SIRET 424 080 414 00024 - APE 7021Z - Prestations exemptées de TVA. N de Formatrice : 93 13 15673 13. - Cet

Plus en détail

Documentation technique Back-office

Documentation technique Back-office MEEVY Documentation technique Back-office Juillet 2010 MEEVY a pour but de fournir aux artistes des outils pour promouvoir leur musique sur internet et proposer à l auditeur une plateforme de musique en

Plus en détail

Clic RH. Documentation Techniques. Développement de logiciels et de solutions informatiques.

Clic RH. Documentation Techniques.  Développement de logiciels et de solutions informatiques. Développement de logiciels et de solutions informatiques. Tel: +213 (0) 550 98 51 65 Web: http://www.logisam.com +44 (0) 750 241 2822 Email: infos@logisam.com Clic RH Documentation Techniques IT http://www.clic-rh.com

Plus en détail

Procanis et BDL Fusion Fiche de poste : chargé de communication

Procanis et BDL Fusion Fiche de poste : chargé de communication Procanis et BDL Fusion Fiche de poste : chargé de communication Renseignements relatifs au poste : Intitulé du poste : Chargé(e) de communication multimédia Type de contrat : CDI Rémunération Brut Annuelle

Plus en détail

PRESENTATION DU CMS TYPO3 ET DE SES POINTS FORTS. CHRISTIAN BELLET LucidLab Mise à jour du 17/01/2016, version TYPO

PRESENTATION DU CMS TYPO3 ET DE SES POINTS FORTS. CHRISTIAN BELLET LucidLab Mise à jour du 17/01/2016, version TYPO PRESENTATION DU CMS TYPO3 ET DE SES POINTS FORTS CHRISTIAN BELLET LucidLab Mise à jour du 17/01/2016, version TYPO3 7.6.2 TYPO3 est un CMS professionnel d origine danoise dont la première version date

Plus en détail

SSF propose des stages partagés entre entreprises et acteurs de l'innovation sociale.

SSF propose des stages partagés entre entreprises et acteurs de l'innovation sociale. La startup SSF propose des stages partagés entre entreprises et acteurs de l'innovation sociale. Notre mission : Placer l engagement pour la société au coeur du travail. Nous sommes convaincus que nos

Plus en détail

Comment conduire son projet de site web?

Comment conduire son projet de site web? Comment conduire son projet de site web? Pour être efficace, un site web doit être réfléchi et en adéquation avec la stratégie de l entreprise. Cette notice présente les différentes possibilités de réalisation

Plus en détail

Rapport de projet 2014/2015. Visualisation Open Data. [Tapez ici] ODRIOZOLA Beatriz IMA 4 TISSOT Elise

Rapport de projet 2014/2015. Visualisation Open Data. [Tapez ici] ODRIOZOLA Beatriz IMA 4 TISSOT Elise Rapport de projet 2014/2015 Visualisation Open Data [Tapez ici] ODRIOZOLA Beatriz IMA 4 TISSOT Elise Remerciements Nous souhaiterions remercier M. Boé, M. Redon et M. Vantroys pour leurs conseils et leur

Plus en détail

Créez votre site internet vous-même sans aucune connaissance, en 10 étapes seulement. Pourquoi pas vous?

Créez votre site internet vous-même sans aucune connaissance, en 10 étapes seulement. Pourquoi pas vous? Gagnez en autonomie et créez votre site web Créez votre site internet vous-même sans aucune connaissance, en 10 étapes seulement. Pourquoi pas vous? Sommaire Etape 1 = J analyse la concurrence Etape 2

Plus en détail

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier Lycée Beaussier 2012 2013 Sommaire Le HTML «HyperText Markup Language» est un langage de balisage pour la création de site internet, il sert à structurer votre document. D autres langages peuvent s ajouter

Plus en détail

MODELE DE CAHIER DES CHARGES POUR UN SITE WEB

MODELE DE CAHIER DES CHARGES POUR UN SITE WEB MODELE DE CAHIER DES CHARGES POUR UN SITE WEB 1 INTRODUCTION Ce document a pour objectif de préciser quels éléments doivent être détaillés dans votre cahier des charges pour lancer un appel d'offres. Il

Plus en détail

Rapport du projet HTML 5/CSS

Rapport du projet HTML 5/CSS Rapport du projet HTML 5/CSS But du Projet : L objectif du projet était de réaliser un site web en utilisant HTML 5 et en y incluant des pages utilisant le framework Bootstrap. Le contenu du projet doit

Plus en détail

Réalisation d un site Internet développé sur la plateforme CMS Open Source WordPress 3.8, intégralement administrable

Réalisation d un site Internet développé sur la plateforme CMS Open Source WordPress 3.8, intégralement administrable Réalisation d un site Internet développé sur la plateforme CMS Open Source WordPress 3.8, intégralement administrable Devis 070414 Chambéry, le 07/04/2014 Gaëlle BROUSSIN 06 83 22 16 96 1 - Généralités

Plus en détail

Saint-Ex. centre culturel numérique Saint-Exupéry formation professionnelle

Saint-Ex. centre culturel numérique Saint-Exupéry formation professionnelle Saint-Ex centre culturel numérique Saint-Exupéry formation professionnelle 2017 Lieu atypique de la vie culturelle rémoise, Saint-Ex est un espace d accueil et d échange dédié aux pratiques artistiques

Plus en détail

Version 5.0. Améliorations. La liberté à votre service

Version 5.0. Améliorations. La liberté à votre service Version 5.0 Améliorations La liberté à votre service 1 1 Acquisitions 1.1 Possibilité d ajouter des avoirs dans les commandes en saisissant des montants négatifs 1.2 Possibilité de définir des seuils (montants

Plus en détail

PORTAIL DE LA FORMATION PROFESSIONNELLE AU MAROC

PORTAIL DE LA FORMATION PROFESSIONNELLE AU MAROC PORTAIL DE LA FORMATION PROFESSIONNELLE AU MAROC Télécharger tous les modules de toutes les filières de l'ofppt sur le site dédié à la formation professionnelle au Maroc : www.marocetude.com Pour cela

Plus en détail

Créer un site internet Formation à l Espace Public Numérique dans la médiathèque de Jacob-Bellecombette

Créer un site internet Formation à l Espace Public Numérique dans la médiathèque de Jacob-Bellecombette Créer un site internet Formation à l Espace Public Numérique dans la médiathèque de Jacob-Bellecombette Qu est-ce qu un site? Un site internet (ou site web), accessible grâce à une adresse (par exemple

Plus en détail

[WEB] WordPress: créer, paramétrer et gérer son site web

[WEB] WordPress: créer, paramétrer et gérer son site web [WEB] WordPress: créer, paramétrer et gérer son site web Objectifs Mettre en place, configurer et personnaliser un site internet actualisable avec l outil libre WordPress Gérer l ajout et la modification

Plus en détail

CMS : Content Management System

CMS : Content Management System CMS : Content Management System Louis-Claude CANON louis-claude.canon@loria.fr 15 septembre 2009 CANON CMS 15 septembre 2009 1 / 36 Plan Contexte introductif 1 Contexte introductif 2 Contenu numérique

Plus en détail

Table des matières. Introduction 1

Table des matières. Introduction 1 Table des matières Introduction 1 1 Les bases de JavaScript 5 Compréhension de JavaScript (et de son histoire) 5 Établissement d un système de test 8 Configuration de navigateurs Web 9 Inclusion du code

Plus en détail

Le rapport de stage en entreprise

Le rapport de stage en entreprise Le rapport de stage en entreprise Le rapport de stage est un dossier relié qui suit des règles précises et qui doit être écrit avec un traitement de texte. Ce dossier va vous permettre de présenter votre

Plus en détail

PROJET 3 MON ENVIRONNEMENT PROFESSIONNEL Séquence 1

PROJET 3 MON ENVIRONNEMENT PROFESSIONNEL Séquence 1 1 PROJET 3 MON ENVIRONNEMENT PROFESSIONNEL Séquence 1 Mon stage Nom Prénom Classe COMPÉTENCES ET CONNAISSANCES ASSOCIÉES ATTENDUES EN FIN DE CYCLE 4 Socle - D 1 - Les langages pour penser et communiquer

Plus en détail

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web 1. 2. Pour naviguer sur le Web, il faut : Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des machines Protocoles de communication Plusieurs niveau (couche) : Internet, protocole

Plus en détail

EXPERTS EN CRÉATION DE SITES INTERNET ET APPLICATIONS MOBILES

EXPERTS EN CRÉATION DE SITES INTERNET ET APPLICATIONS MOBILES www.aideprojet.com EXPERTS EN CRÉATION DE SITES INTERNET ET APPLICATIONS MOBILES PARCE QUE LE WEB EST NOTRE TERRAIN DE JEU ET VOTRE PRÉSENCE DIGITALE UN ENJEU, NOUS VOUS ACCOMPAGNONS DANS VOTRE PROJET

Plus en détail

gipson_c - moros_a - larose_a - keller_t - lagouc_f - muller_c

gipson_c - moros_a - larose_a - keller_t - lagouc_f - muller_c ALPAGA Guide Technique 04/07/2014 gipson_c - moros_a - larose_a - keller_t - lagouc_f - muller_c Titre du document : Guide Technique Date : 16/03/2014 - Rassemblement des documents o Version : 1 o Date

Plus en détail

Développeur intégrateur Web Ecole Webforce3

Développeur intégrateur Web Ecole Webforce3 Impression à partir du site https://offredeformation.npdcp.fr le 05/03/2017. Fiche formation Développeur intégrateur Web Ecole Webforce3 - N : 28860 - Mise à jour : 02/02/2017 Développeur intégrateur Web

Plus en détail

Cours de Programmation Web. Présentation du framework AngularJS. AngularJS. Présentation du framework AngularJS. Page 1. Yacine Rezgui Cédric Ferretti

Cours de Programmation Web. Présentation du framework AngularJS. AngularJS. Présentation du framework AngularJS. Page 1. Yacine Rezgui Cédric Ferretti AngularJS Page 1 Table des matières AngularJS, qu est-ce que c est?... 3 Gestion de la vue... 4 Syntaxe... 4 Two-way data binding... 4 Ng-*... 4 Les filtres... 5 La partie logique... 5 Les services...

Plus en détail

Hébergement Site internet Graphisme Gestion de contenus Référencement

Hébergement Site internet Graphisme Gestion de contenus Référencement Hébergement Site internet Graphisme Gestion de contenus Référencement 1 Un site clé en main Découvrez notre offre Pack site internet clé en main et son système de gestion. Des fonctions adaptées tout utilisateurs

Plus en détail

Charte graphique pour la réalisation de sites thématiques sur Internet

Charte graphique pour la réalisation de sites thématiques sur Internet Charte graphique pour la réalisation de sites thématiques sur Internet Sommaire Conventions... < 3 > Navigation... < 4 > Pages... < 5 > La page d accueil La page des liens La page des contacts Les pages

Plus en détail

COMMUNICATION GLOBALE SUR MESURE! GRAPHISME COMMUNICATION PUBLICITÉ AGENCE CRÉATIVE PRINT & WEB

COMMUNICATION GLOBALE SUR MESURE! GRAPHISME COMMUNICATION PUBLICITÉ AGENCE CRÉATIVE PRINT & WEB COMMUNICATION GLOBALE SUR MESURE! GRAPHISME COMMUNICATION PUBLICITÉ AGENCE CRÉATIVE PRINT & WEB ATTENTION! NOUS ESSAYER, C EST NOUS ADOPTER! Vous voulez essayer? QUI SOMMES-NOUS? Agence 3px est une agence

Plus en détail

Charte qualité. La Tour du Château

Charte qualité. La Tour du Château Charte qualité La Tour du Château Table des matières A. Organisation... p.4 B. Nomenclature - gestion du versionning... p.5 C. Cycle de vie des documents - archivages - état des fichiers ( en cours ) -

Plus en détail

Activation et personnalisation de votre site mobile

Activation et personnalisation de votre site mobile Activation et personnalisation de votre site mobile Table des matières 1. Activation de la version mobile 2. Apparence générale et page d'accueil 2.1. Les couleurs 2.2. Les blocs libres communs à l'ensemble

Plus en détail

Nous allons voir aujourd hui l utilisation de Wordpress, c est à dire ce qui va permettre aux associations de placer du contenu sur leur site web et

Nous allons voir aujourd hui l utilisation de Wordpress, c est à dire ce qui va permettre aux associations de placer du contenu sur leur site web et 1 Nous allons voir aujourd hui l utilisation de Wordpress, c est à dire ce qui va permettre aux associations de placer du contenu sur leur site web et de le faire évoluer. L idée est que vous soyez très

Plus en détail

FORMATION UTILISATEURS BIEP. Support de formation Compte gestionnaire sans droit de publication

FORMATION UTILISATEURS BIEP. Support de formation Compte gestionnaire sans droit de publication FORMATION UTILISATEURS BIEP Support de formation Compte gestionnaire sans droit de publication DGAFP / SDRH - 2016 1 Sommaire Présentation générale Connexion à l application Gestion des offres Gestion

Plus en détail

Sommaire Les auteurs... XI Remerciements... XIII Introduction... XV 1 Généralités sur les stages en entreprise...

Sommaire Les auteurs... XI Remerciements... XIII Introduction... XV 1 Généralités sur les stages en entreprise... Sommaire Les auteurs... Remerciements... Introduction... XI XIII XV 1 Généralités sur les stages en entreprise... 1 1 Qu est-ce qu un stage?... 3 2 Quelle est la différence entre un stage et un «job» étudiant?...

Plus en détail

CRÉER DES SITES WEB DYNAMIQUES ET RESPONSIVES AVEC HTML5 ET CSS3

CRÉER DES SITES WEB DYNAMIQUES ET RESPONSIVES AVEC HTML5 ET CSS3 Référence : IHTS Durée : 5 jours (35h.) Tarif : 2290 HT Contact : 01 43 34 90 94 Niveau : Débutant Cours à distance : Possible Eligible : CPF Certification : MCSD: Web Applications Prochaines sessions

Plus en détail

Cahier des Charges Site Internet

Cahier des Charges Site Internet QUI ÊTES-VOUS? Une entreprise - Un artisan / profession libérale / Auto-entrepreneur - Un organisme public Un particulier - Une association - Une école / Lycée / Université Votre nom et adresse :. SIRET

Plus en détail

Remplir ton profil : l onglet «Moi» 2. Créer un document 5. Récupérer un document 7. Remplir un formulaire 8. Gérer et organiser tes folios 9

Remplir ton profil : l onglet «Moi» 2. Créer un document 5. Récupérer un document 7. Remplir un formulaire 8. Gérer et organiser tes folios 9 Remplir ton profil : l onglet «Moi» 2 Créer un document 5 Récupérer un document 7 Remplir un formulaire 8 Gérer et organiser tes folios 9 Consulter les actualités et les événements 11 Communiquer 12 1

Plus en détail