Rapport de Stage Une identité cross-platform
Contents
1. meer Derme vosoves gt D ci D mPrmez vos envies gt DS ees pou E PERSONNALIS E Te St Cifacom CIFACOM tablissement priv d enseignement technique sup rieur D case asova murwa eean 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 32 41 Dimitri KURC Quelques newsletters Cifacom Graghisme Audiovisuel Multim dia et 30 Ecole orase d erso akue spidey Le r seau des Expat f ur T e ICOGEST Rejoignez notre groupe vous Le Blog des Expat accompagne DOSSIER DU MOIS j H j Les gestes ne pas faire l tranger dans la Quand on amive dans un autre pays il faut savoir s adapter aux us et coutumes parfois tr s diff rents des v tres En effet certains gestes ou gestion signesque nous avons l habitude de faire tous les jours peuvent avoir un tout autre sens l tranger de votre ACTUALIT S Er patrimoine Fran ais Canadiens les diff rences culturelles Vous en avez assez de travalier et de courir de droite gauche pour votre nt gration D tendez vous LA SUITE b istincti stach n Avant toute chose sachez avec pr cision de quel statut vous d pendez d tach expatri frontaler ou local LA SUITE Expatriation en solitaire un changement double tranchant La mobilit g ographique est toujours un atout dans une carri re ou dans une vie Paroles d Expat Si vous voulez devenir2. R alis from scratch ere EN PARACOUTE MON GAGNEZ TEE TPS ENCORE A CHAQUE PALIER UN TIRAGE AU SORT ii more o m yee ae sem e 3 909wscrirs LE JEU VA BIENT T COMMENCER J5 HEF 15 an LA D COMMENT A MARCHE a COR CIFACOM tablissement priv d enseignement technique sup rieur m E REA R 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 30 41 Dimitri KURC Rapport de Stage 2013 Polygo R alis avec Wordpress POLICO INSTALLATEUR DE SOL TECHNIQUE LL LL L ENTREPRISE SERVICES NOS R F RENCES T L CHARGEMENT CONTACT DEMANDEZ VOTRE INSTALLATEUR DE SOLFECHNIQUE s EXISTE DEPUIS 1998 UNE GARANTIE D CENNALE DES TECHNICIENS EXPERTS DES SOLS INDUSTRIELS ET AGR ES UNE DISPONIBILIT SUR LA FRANCE ENTI RE MA TRISE TOTALE DE L APPLICATION ET DES INTERVENTIONS PAR DES SP CIALISTES AGR ES 7 JOURS SUR 7 DIAGNOSTIQUE COMPLET ET DEVIS GRATUIT ACTUALIT S NOS SERVICES Titre de l actuatit 2 d Tite h2 Titre h3 Titre h Voici un exemple de page Elle est diff rente d un article de dlog en cela qu elle restera ia APPLICATION CONSEIL ET POSE ET EXPERTISE m me place et s aMchora dans le menu de navigation de votre site en fonction de votre th me La plupart des gens commencent par crire une page Propos qui En savoir plus v E LES PRODUITS SUR CHANTIER NOS R F RENCES NOS QUALIFICATIONS INFORMATION
3. aliser ainsi que des logs tr s pr cis C t Front j ai utilis du HTMLS la librairie Zepto js et l API Facebook JS pour effectuer toutes les actions de l utilisateur en AJAX afin d optimiser la navigation des utilisateurs Le d veloppement et l int gration ont t r alis s en 10 jours Au final cette application a re u pr s de 3000 inscriptions en quelques semaines Gr ce une fonctionnalit d export automatique des joueurs au format excel et csv il a t facile pour le client de donner la liste des joueurs l huissier de justice pour les tirages aux sort Cette exp rience m a permis d approfondir mes connaissances dans l API Facebook en manipulant aussi bien l API PHP que l API JS J ai galement fait en sorte que mon MVC soit r utilisable assez rapidement dans le cadre d une application Facebook simple ce qui me permettra d avoir un d lai moins long en d veloppement Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z gare ausava mutita et 3D 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 11 41 Dimitri KURC Rapport de Stage 2013 Polygo site vitrine Un des projets sur lequel jai eu le plus de plaisir travailler est Polygo gr ce une relation client tr s riche Polygo filiale du groupe TLM leader national des rev tements de sols industriels d sirait un site vitrine pour pr senter son activit L objectif de ce site tait de pr sent
4. but Ao t pour Ang lique Voici une partie des propositions faites pour le nouveau site de Huiles d Olive de la Vern de LIVE DE LA VERNEDE MEILLEURS PRODLATS da i HUILE D OUVE SM no 16 604 Y EN an NIDE MERLDYRS PRODUITS k P gt d we MUILE D OUVE DE LA VERN DE 35 006 JE 35 00 504 Nous retrouvons sur la page d accueil un syst me de slide avec des couleurs propres chaque cuv es Grande R serve Extra douce et Noir de Camargue et lunivers des olives Une mise en avant des produits et des promotions ou recettes du moment Cifacom CIFACOM tablissement priv d enseignement technique sup rieur sne aus it er 30 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 15 41 Graoh Dimitri KURC Rapport de Stage 2013 Dada DENT D EE STE TE ROSES vus u ne Cu pour ce aA LL o aeae a pattern berarenerrtenten Cin Cote Et Estra Duce Srde l vent hes Le a i Winn Winun maseu VISUEL MADE IN UEL BROMO VISUEL MADE IN s s y La pr sentation des diff rentes cuv es garde le m me univers graphique selon la cuv e s lectionn e Teamy x an La page produit et la page recette poss dent elles un univers plus neutre et offrent plusieurs solutions de navigation l utilisateur selon ses attentes CIFACOM tablissement priv d enseignement technique sup rieur Cifacomn a game maona 3 27
5. de totalement Plugins et proposition administrable syst me d administration du th me L volution de ce m tier demande une veille et une mise niveau constante et beaucoup de rigueur Le HTML5 CSS3 a ouvert la voie de nombreuses possibilit s pour le d veloppeur front end Dans quelques ann es le m tier devra s adapter non seulement aux diff rents navigateurs cross browsers mais galement un grand nombre de supports cross platforms la t l vision intelligente tant surement la prochaine cible du march Des solutions comme le projet Cocktail d velopp avec le langage Haxe par la soci t Intermedia et l association Silex Labs permettront d avoir des applications natives sur nos t l visions nos ordinateurs nos iphones ou autres supports en se basant exclusivement sur la technologie HTML5 CSS3 c ur du m tier de d veloppeur front end http haxe org com libs cocktail Nous voyons galement des supports inattendus il y a encore quelques ann es comme les Google Glass par exemple Les sites vont devenir de plus en plus interactifs Non seulement l utilisation actuelle va perdurer pendant encore de nombreuses ann es mais je ne serais pas surpris de voir rapidement apparaitre une utilisation non seulement tactile actuellement surtout utilis dans le domaine mobile mais galement une utilisation dans un espace 3D au m me titre que la Kinect aujourd hui pour la console Xbox Cette utilisation pour
6. ne pr sentant pas de fonctionnalit d achat mais simplement de pr sentation de produits nous avons fait le choix d utiliser Wordpress 3 5 pour ce nouveau site Pour ce projet j ai d utiliser de nombreuses connaissances en Wordpress que j ai acquises au fur et mesure de mes projets personnels et professionnels J ai ainsi mis en place des custom _post_type des custom fields ainsi que des plugins et widgets personnalis s Le but tant de rendre la quasi totalit du site totalement administrable par le client Toujours avec le m me contact j ai t tr s content de travailler nouveau avec ce client La suite a t prise par l quipe marketing gr ce des campagnes adwords adsense pour optimiser la visibilit suite au passage la t l vision de l mission Cifacom CIFACOM tablissement priv d enseignement technique sup rieur F gare ausava mutita et 3D 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 12 41 Dimitri KURC Rapport de Stage 2013 Focus sur le cycle de vie d un projet Huiles d Olive de la Vern de est une entreprise familiale qui vend de l Huiles d Olive Situ au c ur du parc prot g de la Camargue les oliviers de La Vern de produisent des olives de tr s haute qualit avec des caract ristiques gustatives exceptionnelles Il s agit d un de nos plus vieux clients Depuis 2009 nous r alisons pour lui de nombreuses campagnes marketing et assurons depui
7. r sidents au Mexique je vous conseille de prendre l attache du Consulat G n ral du Mexique 4 Paris qui vous donnera des conseils judicieux Jean Marc MEXIQUE Expatri s Fran ais ICOGEST CIFACOM tablissement priv d enseignement technique sup rieur 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 Rapport de Stage 2013 La Nouvelle 33 41 Dimitri KURC Rapport de Stage 2013 Visualisez correctement la version en ligne Pour tre s r e de continuer recevoir nos informations sur MEMBER_EMAIL Arthur vous invite ajouter l exp diteur de ce mail dans votre carnet d adresses ARTHUR HOMME FEMME ENFANT h BEACHWEAR LA MARQUE EXP DITION PAIEMENT za CONDITIONS SOUS 48H S CURIS G N RALES DE VENTE Ce mois ci n oubliez pas LA F TE DES M RE Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis notrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt Lorem ipsum dolor sit amet consectetur sed adipisicing elit s dolore magna aliqua Boutique Arthur gt NOM PRODUIT NOM PRODUIT NOM PRODUIT Lorem ipsum dolor sit amet consectet
8. relation client est bas e sur l coute et le dialogue afin de r pondre de fa on pr cise aux diff rentes probl matiques digitales C est au c ur du 17 me arrondissement de Paris que l agence a pos son nid l ann e derni re Fiers de nos nouveaux locaux c est avec bon service que nous accueillons les anciens et nouveaux clients de l agence dans notre salle de r union donnant sur une terrasse de verdure Cifacom CIFACOM tablissement priv d enseignement technique sup rieur F sos ausou otme 39 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvellel 3 41 Dimitri KURC Rapport de Stage 2013 Contexte Pour une start up toutes agences web marketing d Ile de France comme Effective World l agence Clark ou encore Mediaveille est une concurrence Malgr tout aujourd hui l agence travaille avec une vingtaine de clients qui lui renouvellent chaque ann e leur confiance Ces clients ont des attentes diff rentes vis vis de l agence La Foire de Paris n a fait appel La Nouvelle R que pour la cr ation d un jeu concours n cessitant la cr ation d une page Web d di e Certaines entreprises ont elles besoin des services de la Nouvelle R pour la refonte totale d un site Moncuir com et Huile d Olives de la Vern de sont nos derniers exemples en date Par ailleurs de plus en plus d entreprises font appel La Nouvelle R pour am liorer leur r f rencement sur les moteurs de recherche B
9. ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 16 41 Graghisme Audiovist 6e d ercciguenn Dimitri KURC Rapport de Stage 2013 Le d veloppement du site ayant peine commenc je ne vais pas pouvoir terminer la pr sentation de la gestion de projet sur ce site N anmoins je vais apporter maintenant quelques sp cifications Les modules sp cifiques d velopper sont e Le slider de la page d accueil qui modifie l univers complet de la page et non seulement un slide e Une am lioration de modules existant comme le module bloc CMS qui se verra dot d une plus grande libert de placement notamment dans le footer e Un module d ajout de texte SEO automatique ou manuelle selon les pages Le processus de commande sera galement remodel sp cifiquement pour le client avec des tapes qui lui seront propres Il est sp cifi dans la charte de d veloppement que le core doit tre retravaill sous forme de surcouche override afin d viter les probl mes lors de possibles mises jour du CMS Nous utilisons donc le syst me classique d override de Prestashop pour cela mais galement un petit script pour avoir la possibilit de faire de l override galement sur les modules ce qui n est pas compris de base dans le CMS Prestashop Le client aura acc s la preprod 2 semaines avant la fin du projet et la phase de recettage est tal e sur une semaine Les bugs et remarques du client seront r
10. 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 29 41 Graoh Dimitri KURC Rapport de Stage 2013 Georges amp Co R alis avec Joomla La premi re petite image est la page d accueil lors de ma reprise du projet Georges A Co PHILOSOPHE EVENEMENTS ACTUALITES UNIVERS amp SERVICES VISITE GUIDEE Georges amp Co est avant tout un espace unique d di l criture Nous souhaitons qu il soit un lieu de d tente de d couverte et d expression pour tous Georges amp Co a s lectionn pour vous le meilleur de l criture instruments supports accessoires et ouvrages Une adresse authentique et confidentielle qui nous transporte dans un voyage travers les styles et nous donne envie d crire DU CARTON SOUS TOUTES SES FORMES Georges amp Co organise pour vous des v nements tout au long de l ann e Venez les P L d couvrir sur le calendrier ou directement la boutique au 90 rue du Bac Paris Y Venez d couvrir au premier tage de notre magasin une exposition tr s originale propos par L atelier du P lican L artiste Claude Jeantet r alise l aide de carton ondul doux et l ger des petits objets en vol Lire la suite Cours de Calligraphie pour Enfants Date 20 Juin 2012 10h30 Inscrivez nous Retrouvez tous les v nements 2012 Copyright Georges amp Co Site r alis par La Nouvelle R Ge
11. Cifa CON LaNouvelle 2 agence digitale Graphisme Audiovisuel Multim dia et 3D Ecole priv e d enseignement technique sup rieur Cifacom LaNouvelle R Dimitri Kurc Renaud Alquier Chef de projet Multim dia promo 2013 Start up 7 personnes Rapport de Stage Une identit cross platform P riode de stage du 01 Octobre 2011 au 27 septembre 2013 Entreprise LaNouvelle R Adresse 192 rue Legendre 75017 Paris j CIFACOM tablissement priv d enseignement technique sup rieur F Cifacom f r o LaNouvelle E 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 Dimitri KURC Rapport de Stage 2013 Remerciements Je tiens remercier toute l quipe de LaNouvelle R avec qui j ai pass une ann e enti re partager travail et rigolade et particuli rement Bastian mon bin me d veloppeur pour son aide sur des projets parfois un peu trop Antoine notre chef marketing toujours au top sur les r seaux sociaux Ang lique pour avoir remont le niveau des cr a sur lesquelles j ai pu travailler Alexey tout simplement pour tre lui Christophe notre papa ours Les stagiaires qui vont et viennent pour avoir particip notre esprit d quipe Merci vous tous et merci au courageux lecteur de ce rapport de stage qui commence bien CIFACOM tablissement priv d enseignement technique sup rieur B 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 1 41 Dimi
12. Cortect Q Menton oct Moncu sin CGV CIFACOM tablissement priv d enseignement technique sup rieur Nos r alisations 50 FEUILLES A4 VERG 100G G Lao Panier W cn nomoro d otce sinmas as waa de por tive ans tuo owt LaNouvelle 2 ageno dites 01 41 72 08 08 27 41 Gnoheme Auc visuel RE im dia et 3P erm tigremnim chaine sptieu 27 ter rue du Progr s 93100 Montreuil Tel Dimitri KURC Huile d olive La Vern de R alis avec Prestashop La premi re petite image est la page d accueil de la premi re version du site HUILE D OLIVE DE LA VERN DE MEILLEURS PRODUITS tofi de Coffret CRANDE D GUSTATION Pein coffret des hudes d olives Coffret moyen des huiles d olives Petit coffret des huiles d olives TROIS OLIVES TROIS OLIVES TROIS OLIVES 35 80 m 35 80 35 80 m 35 80 z sil ds vab Produts ivroaor Made n Camargue LOREM PSUM OOLOR SIT AMET mad incdunt ui woroet doare am qus sosthuj everti Sbon consa DUA ea vei eur quat Cosocuuer aipiscng ohi se maga agam eai vohpat U LOREM IPSUM DOLOR SIT ANET meedere adpecng ett sed dan nonummy nibh usmod incxtunt ut aoreet dotore magna alcpaaim rat voktpat Lt wisi ann ad mirem am qus sostu sarci tatin ulamcorper ssopt weona risi ut 2iquip ex 1a Coru Maure Ater in hentel en vU a maae da Rapport de Stage 2013 Cifacom Graghisme Audiovisuel Mul
13. MS Wordpress 3 4 HTML CSS Javascript Stucture MVC pour PHP Administration serveur HTML CSS Javascript PHP et Smarty dans Prestashop Les Hooks et modules de prestashop HTML CSS Int gration sous Drupal 7 Newsletters HTML CSS Javascript PHP dans Wordpress Plugins et syst me d administration du th me Rigoureux Rapidit de r action Rigoureux Force de proposition Manque de concentration Rigoureux Sens du contact Rigoureux R activit Force de proposition CIFACOM tablissement priv d enseignement technique sup rieur 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 Rapport de Stage 2013 Bonne application des performances serveur et client Code propre avec un MVC enti rement remodel pour les futurs applications de l agence Force de proposition Bonne adaptation d un code mal vieilli Premi re approche de Prestashop r ussie Une fois une t che finie un manque de concentration se fait sentir Une int gration rapide Pas tr s motiv par le projet Une gestion du projet r ussie client tr s content de la prestation Une utilisation de wordpress fluide et totalement administrable LaNouvelle 5 20 41 Dimitri KURC Rapport de Stage 2013 Dalle impression CMS Wordpress HTML CSS Sens du contact Une utilisation 3 5 Javascript Rigoureux de wordpress PHP dans R activit fluide et Wordpress Force
14. S CONTACTEZ NOUS QUALIFICATION 1 e Actualit s Email dimitri ianouvelts 1 com Loram ipsum Lorem s T l chargement T 01 00 00 00 00 ipsum Lorem lpsum Lorem ipsum P a Pian du s e QUALIFICATION 2 SUIVEZ NOUS Lorem ipsum Lorem ipsum Lorem ipsum nag Lorem Ipsum e Hentions L gales css CONTRER CONTACTEZHOUS Er arw SUVEZHOUS Bom Cifacom CIFACOM tablissement priv d enseignement technique sup rieur D PAON N 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle Ecole oc ve d ermoigeenent chic sup rieur 31 41 Dimitri KURC Rapport de Stage 2013 Dalle Impression R alis avec Wordpress DEMANDEZ VOTRE 24 IMPRIMEZ VOS ENVIES sx once DEVIS GRATUIT MD Photos dessins motifs personnallsez vos sols 4 S KIidS e Dalle Dalles Cosy Per sonna 5 Sp cialiste des dalles PVC et du sol imprim Dalles Capiton D couvrez toutes nos dalles Vous d sirez imprimer votre photo pr f r e sur vos sols Les d corer gr ce r s lection de dessins originaux TLM systems vous apporte une solution unique pour anstalter vous m me un SOl xtra r sistant et garanti ne La qualit du sol industriel au service de la d coration de la maison Jr _ y POSE RAPIDE ENTRETIEN FACILE q _ j m g an en PAS DE COLLE SOLIDITE IMPRIMEZ VOS ENVIES SUR MESURE PROFESSIONNELS L D e SYSTEMS Deere
15. changements ont t n goci s et j ai ainsi red velopp la homepage ainsi que divers modules du site Sur ce projet je n ai pas rencontr beaucoup de difficult s mise part la remise en forme d une grande partie du css qui se pr sentait comme un fouillis indescriptible Lalo E commerce Lalo ayant d j travaill avec notre agence pour leur site Georges amp Co d sirait un nouveau site pour vendre en ligne sa gamme de faire part originaux ou personnalisable N ayant aucune comp tence sous Magento nous avons donc regard du c t de Prestashop et le choix a t pris de d velopper le site sous sa version 1 5 Ainsi donc et malgr mes avertissements concernant la non stabilit de la version b ta de Prestashop 1 5 on m a demand de commencer travailler sur la monture de Prestashop 1 5 II faut savoir qu au moment de cette d cision avril 2012 la derni re version stable tait Prestashop 1 4 8 Apr s avoir r ussi d velopper la plupart des fonctionnalit s dont nous avions besoin et int grer une bonne partie des pages nous nous sommes rendu compte qu une fonctionnalit indispensable notre boutique tait bugg e dans cette version b ta Apr s avoir essay de mettre jour la b ta de nombreux probl mes techniques sont apparus La d cision a t sans appel j ai d repartir sur l ancienne version de Prestashop la 1 4 8 2 Malheureusement la gestion des classes des controllers et des modules so
16. d to be 75 Foire de Paris Parc Porte de Versailes Paris Bras gt Laure S Le chef de Rino Paris foire iotaiement son dessert a sang de cochon mais i remporte ia pame du fou rin food fest sa Partenaires 3 ESPACE come xPosium CRISTALINI R glement du peu R alisation Cr dit Rapport de Stage 2013 GAGNEZ 2 PLACE LA FOIRE DE PARIS 1 ABONNEMENT D couvrez D couvrez la liste la liste des gagnants des gagnants 3 SELECTIONNEZ VOTRE TH ME PR F RE 3 e Maison d co travaux a Num rique image quipement k et son k EL ER EUR VALIDER LE 2 a boitesmysteres Flux d actualit Twitter a artagez le A ovec vos amis annet France Vor rentreten wg o avec Guitaume Pens recteur Fan diton 2012 NA La ji Marcelo Haidar N Lostes Brar Proud to be 75 Foire de Paris Part Porte de Versatis Paris Bras md Laure g Le chef de Rino Paris foire lotaiement son dessert p sang de cochon mais remporte ia pame du fou nn food fest wv Partenaires 3 F3 ESPACE come xPosium CRISTALIN R glemert du jeu R alisation Cr dit CIFACOM tablissement priv d enseignement technique sup rieur Cifacom 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 Graghisme Audiovisuel Multim dia et 30 Ecole orase d erso akue spidey LaNouvelle 29 41 Dimitri KURC Rapport de Stage 2013 Bapt me de l air
17. de Projet D veloppeur Int grateur Web agency Paris France int gration et d veloppement des diff rents projets interne et externe De 07 2011 09 2011 Nurun France Debug D veloppeur Int grateur Web Agency Boulogne Billancourt France Charg de la r solution de bugs d int gration et de d veloppement Modifications sur une application iPad multilingue et sur des banni res publicitaires en Flash De 07 2009 06 2010 Youfoot D veloppeur Int grateur Designer R seau Social Paris France Cr ation d ic nes pour le site int gration HTML CSS et d veloppement d un player Flash pour le r seau social Youfoot al F orma ti on Correspondance Qu b coise Depuis 10 2010 CIFACOM Licence Chef de Projet Multim dia Ecole du graphisme et du multim dia Montreuil France Baccalaur at sp cialis 3 ans 2008 2010 SUPINFO International University Classes pr paratoires Ecole Sup rieur d Informatique Paris France tudes universitaires de premier cycle 2006 2008 Lyc e Louis Armand Baccalaur at Scientifique Sciences de l Ing nieur Nogent sur Marne France DEC A Autres paru Langues Anglais niveau d butant Retrouvez moi sur Centres d Int r ts Softball en club Veille Informatique http devp ix web fr Cin ma Th tre Musique Autres Titulaire Permis B f e O in 29 C ifaco CIFACOM tablissement priv d enseignement technique sup rieur A nr 27 ter rue du Progr s 93100 Mo
18. des remarques ce sujet Le programme vous semble t il en coh sion avec le m tier envisag de votre stagiaire Avez vous des remarques ce sujet ENTREPRISE CACHET TUTEUR n Nom MAIZ CPP Fonction Pal Signature Deus VE LA NOUVE Ay ME wag IA yi0 069 08 CIFACOM Etablissement priv d enseignement technique sup rieur 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 Fax 01 41 72 08 03 Pi P 3 Cifacom CIFACOM tablissement priv d enseignement technique sup rieur sy ee 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle s 38 41 Dimitri KURC Rapport de Stage 2013 Glossaire Web Responsive Un site est web responsive lorsque celui ci propose un affichage optimis quel que soit la taille de l cran A website is responsive when it offers an optimized display regardless of the screen size Cross browsers Un site est cross browsers lorsque celui ci propose un affichage optimis quel que soit le navigateur utilis Firefox Google Chrome Safari Op ra ou Internet Explorer par exemple A website is cross browsers when it offers an optimized display regardless of the browser used Firefox Google Chrome Safari Opera or Internet Explorer for example Cross platforms Un site est cross platforms lorsque celui ci propose un affichage optimis quel que soit le support ordinateur t l phone TV ou panneau tactile par exemp
19. ds Il se charge d optimiser les campagnes Web en am liorant la notori t la visibilit et la rentabilit d un site Internet Pour cela on parlera essentiellement de r f rencement payant SEM et de r f rencement naturel SEO Alexey se charge aussi d acheter des espaces publicitaires et de mettre en place les banni res publicitaires via l outil AdWords Il s occupe galement de tout le suivi Google Analytics des sites livr es par l agence Pour finir c est Antoine Thuillier qui se charge du Community Management au sein de l agence en utilisant au mieux Facebook Twitter ou encore Pinterest Depuis maintenant presque 16 mois Antoine a pris en charge la gestion compl te du p le Webmarketing et s occupe de la gestion des clients de ce domaine en plus de sa fonction de Community Manager Dans l agence tout commence par la prospection des nouveaux clients ou de la r ception des demandes En fonction du type de projet technique ou marketing le projet est envoy au responsable du p le concern Christophe et moi m me pour le p le Technique ou Antoine pour le p le Webmarketing Nous r digeons ensuite les diff rentes propositions et le Cahier des Charges en accord avec le client et Renaud Alquier le grand patron de LaNouvelle R Le planning est mis en place sur l outil Calendrier de FengOffice Une fois les propositions act es et valid es par le client les maquettes sont r alis es en accord avec les conseils SEO d Alexe
20. e travail de int grateur Web qui s est mu en un d veloppeur front end Aujourd hui le d veloppeur front end poss de de nombreuses comp tences Il ma trise au minimum les technologies HTML CSS et Javascript Il se doit d anticiper les propositions et les volutions d un site internet Pour cela il va respecter les normes W3C prendre en compte l accessibilit optimiser les performances rendre la structure modulable selon diff rents contextes faire en sorte que le rendu soit identique et optimis sur chaque navigateur Un site web voluera sa charte graphique changera son organisation aussi parfois Le travail du d veloppeur front end est de rendre ce principe d volution le plus simple possible pour un contexte de moyen long terme Le d veloppeur front end se verra confi des missions d int gration de design totalement modulable cross browser voir cross platforms et responsive design Il sera galement charg de d velopper tous les scripts s ex cutant du c t client gr ce Javascript Il peut galement tre appel pour des optimisations de performances et de poids d un site internet Pour finir un Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z rations ausava nuimta e 3t 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 18 41 Dimitri KURC Rapport de Stage 2013 d veloppeur front end peut galement avoir un r le de consultant tec
21. emont gr ce l outil Mantis que j ai mis en place cette ann e l agence Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z Sighma utowa muimeaa e30 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvellel 17 41 Dimitri KURC Rapport de Stage 2013 R f rentiel de comp tences et retour d exp rience sur le m tier souhait Le d veloppeur Front end est aujourd hui l volution du m tier d Int grateur II y a une dizaine ou quinzaine d ann es le contexte technologique du d veloppement Web tait diff rent la diversit des types de p riph riques connect s tait plus r duite les fonctionnalit s offertes taient moins complexes les comp tences requises pour d velopper un site Web taient donc moins nombreuses e L utilisation des mobiles tait encore tr s r duite et les sites mobiles taient sp cifiquement d velopp s pour le r seau mobile WAP e Internet Explorer 6 a poss d pendant des ann es le quasi monopole du march des navigateurs web dans le monde entier Son retard technologique a particuli rement ralentit la propagation des avanc es des normes du web La r alisation de maquettes avec des tableaux occupait le travail quotidien d un int grateur e Le CSS offrait encore peu de choix pour une pr sentation compl te et support e par la majorit des navigateurs Les technologies et le contexte ont beaucoup volu changeant compl tement l
22. er des inscriptions une newsletter ancienne fonctionnalit e Pouvoir proposer des recettes et des conseils ses visiteurs gr ce une partie blog ancienne fonctionnalit e Avoir trois cuv es cat gorie de produits avec un univers propre chacune e Avoir un tunnel de conversion optimis gr ce notamment une commande en 3 tapes au lieu de 5 comme l ancien site e Un paiement s curis par un module sp cifique de sa banque anciennement utilisation de Paybox Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z gare ausava mutita et 3D 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 13 41 Dimitri KURC Rapport de Stage 2013 J ai tout d abord tabli un devis en me basant sur les demandes de fonctionnalit s du client Concernant la partie Gestion de Projet 13 5 jours r partis comme suit e 3 jours de r daction du Cahier des Charges e 1 journ e de r daction du manuel d utilisation e 1 demi journ e de formation e 6 jours d changes avec le client sur les diff rentes phases du projet le client tant tr s pointilleux e 3 jours de supervision de l quipe tal s sur le projet par tranche de 2h Concernant la partie Graphique 18 jours r partis comme sui e La charte graphique tant d j en place e _3 jours de r alisation de la page d accueil et de la structure globale e 15 jours pour r aliser les 25 autres templates du site Concernant la part
23. er son service d installation de dalles PVC ou de la gamme de sols industriels de TLM Le client d sirait une interface tr s simple et le choix de Wordpress version 3 4 nous a t tr s rapidement impos Suite de nombreuses fonctionnalit s d velopper en un temps tr s court un th me a rapidement t achet Mon travail sur cette mission a donc t d apporter de nouvelles fonctionnalit s ce th me ainsi que de faire toute l int gration du site Apr s quelques mois pass sans toucher un Wordpress j ai d rapidement le reprendre en main pour r pondre aux besoins du client en seulement 5 jours Concentration et application ont t de mise Ce projet a galement t tr s particulier pour moi car c tait la premi re fois au sein de l agence que j ai pu g rer la relation client sur la totalit du projet Dalle impression site vitrine Suite au projet Polygo le groupe TLM nous a redemand la r alisation d un nouveau site Gr ce une mission de d coration passant sur une cha ne de t l dont je tairais le nom pour une question de confidentialit la marque Dalle Impression de TLM souhaitait profiter de ce coup de pub pour lancer son activit aux particuliers Dalle impression est un site permettant aux visiteurs d acheter des dalles PVC personnalis s avec des images pr enregistr ou des photos personnelles Le client tant tr s satisfait de son site Polygo sous Wordpress et le nouveau site
24. et et ensuite ajouter une couche particuli re pour ce jeu concours Au d part nous avons utilis les variables de sessions pour passer les donn es de l utilisateur Le syst me du jeu et son int gration ont t r alis en 2 semaines Lors de la mise en ligne du jeu concours nous avons eu quelques soucis avec les variables de sessions dus un trafic important Nous avons donc fini par transmettre les donn es dans les formulaires les donn es n tant pas importantes Un serveur d di a galement t affect ce projet gr ce la pr vision d une forte affluence sur ce jeu concours Au total plus de 20 000 personnes ont ainsi particip au jeu concours organis par la Foire de Paris Ce projet m a permis de rattraper mon malheureux partiel d architecture MVC et de mieux comprendre cette architecture de d veloppement Bapt me de l air Jeux concours sous forme d application Facebook Bapt me de l air est une entreprise g rant un parc a ronautique et proposant ainsi bapt mes de l air bapt mes H licopt re saut en Parachute etc partout en France D sirant un jeu concours pour le d but du printemps 2013 notre agence a t recommand e Pour r aliser ce projet j ai utilis mon propre MVC d velopp au cours de mes diff rents projets personnels et r alis en PHP pour la partie back end en y incorporant l API Facebook PHP Celui ci me permettait d avoir un contr le total sur les vues et les actions r
25. ges naissances soir es invitations un cocktail un anniversaire sont autant d occasions pour lesquelles la qualit la pr sentation En savoir plus Mariages naissances soir es invitations un cocktail un anniversaire sont autant d occasions pour lesquelles la aualt la pr sentation En savoir plus Contact Cr dit Mentions l gales Plan du site CGY Paiement s curis f Nosproduis Noscormels Nosr afsalions rage Comment le r cfiser B amus arm CE Newilotier h amer ee um us ur mert de r ahor emah D rrasa Wer e rater ag hapin hadan 2 Pose ice 200 Re 12 80 eg od ma vangh iig Binde nd wegi tag f Aputer ou porter Vi A LL N re ons 2 PAYS gt pe L D gt 304 DA Meche de Ir no s BN D S NTERSS erma O pereda Treas aan 229 Passer bason 2209 tenir s pr semer x3 papers et q hen cer mega soosi Contact Cr dit Meniomii goes Fandusite COV Cifacom Noa podin M s vert Nos podus Thie par Pris cnmanaes Ais chhinanat i Connect Cr dit Mentonsbgok Fondue COV No corses Nos r akotions bA aides na vegt ty States au vogi iag Bo indise na SA A G Lao Parie W Momtre d wricie n Ak da poe ame teed meate faire part za 8 saint valentin 10 R alis par LaNouvelle R Nos produits Nos conseils RETOUR Acc Page A4 Vwo
26. hnique lors des r unions d ergonomie et de ligne graphique pour les maquettes R f rentiel M tier Intitul de la Savoir Savoir faire Savoir tre Auto valuation mission Georges amp Co CMS Joomla HTML CSS Rigoureux Bonne Javascript restructuration PHP dans du code CSS Joomla Bonne Override des compr hension composants et de l override des modules modules Jooma CMS Prestashop HTML CSS Rigoureux Une bonne 1 4 8 Javascript Force de rapidit Les structures PHP et Smarty proposition d ex cution de Prestashop dans Rapidit malgr les 1 4 8 et 1 5 Prestashop d ex cution nombreux b ta Les Hooks et probl mes modules de Premi re prestashop utilisation en solo de Prestashop r ussie La Foire de Paris Performances HTML CSS Rigoureux Bonne serveurs Javascript Rapidit de application des Performances Stucture MVC r action performances c t client pour PHP serveur et client Structure MVC Administration R action rapide serveur lors du probl me des variables de session Code pas tr s propre Cifacom CIFACOM tablissement priv d enseignement technique sup rieur D Grohine uso mutimtaa et 30 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvellel 19 41 Dimitri KURC Bapt me de l air Huile d olive La Vern de Performances serveurs Performances c t client Structure MVC CMS Prestashop 1 3 puis CMS Prestashop 1 5 France Expatri s CMS Drupal 7 C
27. ie Technique 30 jours r partis comme suit e 14 jours de d veloppement int gration pour la structure classique e _G jours de d veloppement de modules sp cifiques Apr s rabais commercial le devis a t propos pour 15 000 Nous faisons ainsi une marge de 8 500 quant aux frais r els que nous co tent les diff rentes ressources savoir que l agence ne poss de qu un seul CDI et des contrats pro et les ordinateurs sont les biens personnels des employ s ce qui r duit consid rablement les charges r els sur un projet Une fois le devis accept j ai commenc la r daction du Cahier des Charges pour sp cifier les diff rentes fonctionnalit s du site En me basant sur la charte de d veloppement que j avais instaur dans les processus de l entreprise jai sp cifi le futur serveur utilis ainsi que certaines contraintes techniques L environnement de d veloppement a t d fini comme suit Syst me d exploitation Windows 7 IDE Au choix tant que les r gles de codage sont respect es Serveur Virtuel Wamp ou UwAmp au choix Activer le module apache url rewrite Navigateurs Firefox 22 0 Google Chrome 24 0 Safari 5 1 7 Internet Explorer 9 et 10 Compatibilit fonctionnelle Internet Explorer 7 8 Mobile Android 2 2 Samsung Galaxy Ace et Android 4 3 Samsung Nexus iOS 5 et iOS 6 L environnement de production sera bas sur un serveur d di aux projets de l agence chez l h bergeur OVH et uti
28. le A website is cross platforms when it offers an optimized display regardless of the device used computer phone TV or touch panel for example Haxe Haxe est un langage cross platform Il permet de d velopper avec un seul langage une application cross platform application native Windows application Flash application native Iphone application HBBTV par exemple Haxe is a cross platform language It helps to develop with single language some application cross platform Windows native application Flash application iPhone native application HbbTV application for example Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z puote ausma nuiaga et 30 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 39 41 Dimitri KURC Rapport de Stage 2013 HBBTV La nouvelle technologie pour les t l visions intelligentes Elle permettra des applications natives pour la t l vision New technology for smart TVs It will allow native applications for television Story Telling Le texte est tr s important sur un site web Le story telling est une tude des textes du site pour que ceux ci raconte une histoire l internaute Cela permet de d int resser plus rapidement un nouveau visiteur The text is very important on a website The story telling is a study of the texts of the website that they tell a story to the user This helps to attract a new visitor faster Pre
29. lisant le syst me d exploitation cPanel L environnement a t d fini dans le Cahier des Charges comme suit CMS Prestashop 1 5 D veloppement sp cifique PHP version 5 3 Smarty 3 Cifacom CIFACOM tablissement priv d enseignement technique sup rieur F gare ausava mutita et 3D 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 14 41 Dimitri KURC Rapport de Stage 2013 Langages utilis s HTML5 CSS3 avec retro compatibilit pour ancien navigateur PHP version 5 3 Javascript et le framework jQuery Smarty 3 Le planning de production a t un peu plus compliqu mettre en place En effet la graphiste ang lique avait pos 3 semaines de cong s Bastian tait galement en cong et sur un autre projet son retour Antoine le chef marketing tait lui aussi en vacances Et au retour de tout ce petit monde je partais mon tour en vacances pour 3 semaines Le projet a donc t tal jusqu fin octobre afin de pouvoir coller aux plannings des diff rentes ressources du projet Le design ayant t mis en place pour le mois d ao t et d but septembre le d veloppement commen ant compter de septembre jusqu en octobre Les personnes concern es par le projet sont Alexey expert SEO Antoine Responsable Marketing Christophe Supervision du projet Ang lique graphiste et moi m me Gestion de projet et D veloppement Int gration Le projet a ainsi commenc d
30. maquettes et templates destin es pr senter les diverses r alisations graphiques aux clients Dans la partie D veloppement nous utilisons les diff rentes technologies relatives la cr ation de sites Web Comme le HTMLS5 CSS3 le Javascript PHP et l utilisation de CMS principalement Prestashop et Wordpress Ce p le se compose de Dimitri Kurc et Bastian Peghaire J ai pris cette ann e la charge du p le technique en parall le avec les interventions de gestion de projet et relations clients de Christophe Plunet un freelance pr sent l agence mi temps depuis octobre 2012 Christophe Plunet a jou le r le de tuteur sur mon stage Ancien journaliste il est aujourd hui en reconversion professionnel dans le domaine de la gestion de projet web Pour cela il a pris un statut d auto entrepreneur il y a tout juste 10 mois et se forme en autodidacte et par la pratique son nouveau m tier Avec lui nous avons pu mettre en place plusieurs outils pour nous aider dans nos t ches quotidiennes FengOffice ou Mantis par exemple et faciliter ainsi nos process de d cisionnel et op rationnel Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z stone avan e 30 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 5 41 Dimitri KURC Rapport de Stage 2013 b Le p le Webmarketing Le p le r f rencement est assur par Alexey Sleshin sp cialiste agr Google Adwor
31. n mod le de proposition pour les prospects et un mod le de Cahier des Charges Cifacom CIFACOM tablissement priv d enseignement technique sup rieur F stone avons 3 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 8 41 Dimitri KURC Rapport de Stage 2013 Huile d olive La Vern de E commerce La Vern de est un des plus anciens clients de LaNouvelle R L aventure commen a en 2009 lorsque le domaine de La Vern de d j install en magasin d sire tendre son march sur internet A l poque un stagiaire et Michael se sont occup s du d veloppement et de l int gration du site sur Prestashop 1 3 Inutile de pr ciser que le code n est pas vraiment propre et loin d tre d actualit Apr s 2 ans de travail l agence a fini par mettre en ligne le site au cours de l t 2011 Suite une discussion avec le client une s rie d am liorations a donc t demand e Ces am liorations concernaient la mise en place d un blog sur le site de retouches graphiques et autres modifications techniques J ai t attach sur ce projet avec comme contrainte de rester sur le site existant avec Prestashop 1 3 une mise jour n tant pas possible J ai donc commenc apprendre Prestashop sur cette ancienne version Tout au long de mes deux ann es de nombreuses missions mont t donn es et le site a subit de grosses modifications En Juillet 2013 suite au lancement de nouvelles cuv e
32. nt diff rentes entre ces deux versions Malgr mes 3 jours d avance sur le planning j avais maintenant un retard de 2 semaines Apr s maintes journ es temps plein j ai malgr tout r ussi finir le site 1 semaine avant la fin du planning initial J ai notamment pu d velopper un export de la base client en format XML ainsi que en partenariat avec une autre agence un import automatique du catalogue produit partir d un fichier CSV Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z a 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 10 41 Dimitri KURC Rapport de Stage 2013 La Foire de Paris Jeu concours sur un site La Foire de Paris grand v nement annuel Paris autour des th mes du bien tre de la culture et du monde a lanc un appel d offre pour la r alisation d un jeu concours Antoine a trouv une id e de jeu sous forme de questions et de tirages au sort hebdomadaires le jeu des boites Michael ancien d veloppeur l agence et moi m me avons donc commenc la r alisation d une architecture MVC pour r aliser ce projet D velopp en PHP nous avons fait en sorte que le projet soit le plus propre possible Malheureusement de nombreux changements et ajouts au cours du temps ont fini par avoir raison de sa propret Pour viter ce probl me nous aurions d orienter le d veloppement d une mani re plus g n rale et non sp cifique ce proj
33. ntreuil Tel 01 41 72 08 08 LaNouvelle 35 41 Dimitri KURC Cifacom Grashisme Ausovisuel Multim dia et 30 Ecole oc 6e d erscigremam chaine plier Rapport de Stage 2013 FICHE DE SUIVI DE MISSIONS EN ENTREPRISE de 1 ann e Cifacom Graphisme Multim dia Audiovisuel Ecoie priv e d ense FICHE DE SUIVI DE MISSIONS EN ENTREPRISE n Se Du 2 44 13 ur Al T Au 2 0 13 D vclaptenel de SZ Cale fe Lu Dr x foeylfarhop Soom a royal Mop 2 E oe iiu cla nS pro j ds n far hci pakos aux Jocellays eh z dehvagagu dea AZ web CIFACOM Etablissement priv d enseignement technique sup rieur 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 Fax 01 41 72 08 03 Ta CIFACOM tablissement priv d enseignement technique sup rieur C 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle ageno d yila 36 41 Dimitri KURC Rapport de Stage 2013 ENTREPRISE de 1 ann e L fa COM FICHE DE SUIVI DE MISSIONS EN Graphisme Multim dia Audiovisuel Cocher les cases correspondantes OBSERVATIONS o Tr s correct LANGAGE o Difficult s d expression o Aucune absence Z Quelques absences justifi es ASSIDUITE o Absences fr quentes justifi es o Nombreuses absences non justifi es Tr s ponctuel 6 Quelques retards PONCTUALITE o Retards fr quents o Retards syst matiques ZS T
34. orges Co riers ANE Georges amp Co ar Aen Cifacom CIFACOM tablissement priv d enseignement technique sup rieur S 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 26 41 Graohisme Audiovisuel Multim dia et 30 cole orate d orseig chaine spiitu Dimitri KURC Rapport de Stage 2013 Lalo R alis avec Prestashop Bienvenue sabrina TANT D CONNEXION ok Contactez nous N fete PARIS 1920 Le sp cialiste du papier et des enveloppes de qualit pour faire part G Lalo Cr er votre faire part Nos r alisations Nos conseils Nos produits Nos articles d Panier Nombre d article 0 Frais de port 0 00 Total 0 00 PANIER D COMMANDER n NAISSANCE Newsletter 4 Lacresse mai 15 MARIAGE Faire part Saint Valentin Description de l image 445 Retrouvez nos produits Nos engagements v re EA ls Qualit Papier A4 b Enveloppes LA Accesoires JF A iA Offre Etiquettes R Fabrication Fran aise d co Cirs cacheter Faire part du mois b Menus QD Actualit s b Cartes aa Nos conseils 2 Top articles amp accesoire d co au choix t 12 faire part saint valentin 10 Mariages naissances soir es invitations un cocktail un anniversaire sont autant d occasions pour lesquelles la aualt la pr sentation En savoir plus Maria
35. r s facile o Facile o Difficile o Non r alis e x5 Tr s bonne o N a besoin d appui que dans les phases AUTONOMIE cl o Fait appel tr s souvent un soutien o Tr s d pendant INTEGRATION CAPACITE D ADAPTATION AUX TECHNIQUES ET AUX OUTILS Tr s bonne 6 Bonne o Correcte o insuffisante METHODOLOGIE o Sait respecter les proc dures ESPRIT o Sait d finir les priorit s D ORGANISATION Sait organiser son travail o Curiosit intellectuelle Souci d apprendre o Souci de la qualit de travail o Passable identifie les principales contraintes o Sait se situer dans l entreprise o Conna t le vocabulaire professionnel CONNAISSANCE DU MILIEU PROFESSIONNEL CIFACOM Etablissement priv d enseignement technique sup rieur 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 Fax 01 41 72 08 03 tt M bes A j CIFACOM tablissement priv d enseignement technique sup rieur T Cifacom 7 LaNouvelle 37 41 Graohane auGov time 30 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 nus Dimitri KURC Rapport de Stage 2013 fa CO FICHE DE SUIVI DE MISSIONS EN ENTREPRISE de 1 ann e Graphisme Multim dia Audiovisuel La p riode de stage alternance vous a t elle sembl e judicieuse Si non quelle p riode vous serez plus b n fique La p dagogie de cette formation vous semble t elle aboutie Avez vous
36. ra notamment tre pouss e dans le domaine du marketing multimedia http www scoop it t c est a moi d inventer le futur p 1900719362 essayer virtuellement des chaussures grace a kinect Enfin les performances et l accessibilit sur les sites applications internet seront de plus en plus mises en avant pour et par le d veloppeur front end Cifacom CIFACOM tablissement priv d enseignement technique sup rieur m rase Autovia Muimesia er 3r 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvellel 21 41 Dimitri KURC Rapport de Stage 2013 Conclusion Tout au long de mon alternance j ai eu la chance de travailler sur plus d une vingtaine de projets au sein de l agence LaNouvelle R De nombreuses missions de d veloppement et d int gration m ont permis de valider mes acquis d apprendre de nouveaux CMS et d avoir une vision plus large de mon m tier J ai galement pu apprendre norm ment sur la gestion de projet et surtout la gestion d un p le technique gr ce une grande libert sur la mise en place des diff rents process et outils que la boite utilisera dor navant pour r aliser ses projets Apr s une ann e riche en rebondissements professionnels l agence m a propos point nomm une s rie de projets sur des technologies que je n utilisais pas jusque l Ces projets mont permis de rattraper certains cours comme le MVC et d apprendre le d veloppement int gration sous Prestashop Au
37. rmis sur mon ordinateur personnel pour les parties techniques Nos diff rents serveurs sont h berg s chez OVH un pour le site de l agence un pour les projets de preprod et il arrive que nous r servions des serveurs d di s temporairement pour la mise en place de jeux concours Nous sommes actuellement en cours de n gociation avec un autre h bergement pour regrouper nos sites sur un serveur d di plus performants et nous offrant une infog rance plus adapt vu que nous ne poss dons pas d administrateur serveur Je trouve que pour une agence taille humaine cette configuration est adapt e L utilisation d un svn ou de git serait galement d une bonne utilit mais malgr mes nombreuses recommandations ce sujet nous n avons pas encore eu le temps de le mettre en place Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z gare ausava Mutita et 3D 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 7 41 Dimitri KURC Rapport de Stage 2013 Missions confi es et comp tences mises en uvre Au cours de mes ann es au sein de LaNouvelle R j ai eu la chance de travailler sur de tr s nombreux projets Outre les newsletters rentr e de contenus et maintenance des sites existants vous trouverez ci dessous une liste des quelques projets les plus importants de mon alternance Gestion de la partie technique de l agence Une de mes missions principales lors de ma deu
38. ruceField Ikosoft ou encore Verandart sont d importants clients d sireux d am liorer leur positionnement sur Google Dans tous ces cas les tarifs de l agence sont calcul s sur le temps effectif pass sur chaque projet avec les tarifs suivants Technique D veloppement Int gration 400 jour Graphisme 400 jour Gestion de projet 600 jour R f rencement naturel sur devis partir de 1500 R f rencement payant 10 du budget d pens R seaux sociaux Community Management sur devis partir de 300 mois E mailing 10 du budget d pens Cifacom CIFACOM tablissement priv d enseignement technique sup rieur F Gao autona Num esn 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 4 41 Dimitri KURC Rapport de Stage 2013 Communication et processus internes LaNouvelle R est organis en diff rents p les a Le p le Technique Ce p le se charge de la cr ation de sites vitrines de sites marchands ou encore de blogs professionnels et est compos de deux parties la partie Design et la partie D veloppement La partie Design se compose d Ang lique Schlick et de diff rents stagiaires venant faire leurs premi res armes au cours de l ann e Leurs principaux outils de travail se trouvent dans la suite Adobe Photoshop InDesign Illustrator Flash Elles se chargent notamment de la cr ation de chartes graphiques de logotypes et r alisent les
39. s le client a souhait pass sur la derni re version de Prestashop et ainsi refondre compl tement son site web Nous sommes ainsi en cours de r alisation de ce nouveau site plus beau plus neuf plus optimis et surtout jour techniquement Il y aura le d veloppement de modules prestashop sp cifique au site ainsi que la mise en place d un tunnel de conversion personnalis avec des tapes de commandes revisit es Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z rshane avons e 3P 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 9 41 Dimitri KURC Rapport de Stage 2013 Georges amp Co site vitrine Georges amp Co filiale du groupe Georges Lalo est une nouvelle boutique moderne de papeterie au c ur de Paris La boutique organise de nombreux v nements ateliers et animations A l occasion de l ouverture de la boutique LaNouvelle R a t s lectionn e pour r aliser le site vitrine de la boutique pr sentant les diff rents univers particulier de la boutique ainsi que le planning des v nements venir Ce projet ayant d but avant mon arriv e au sein de l agence j ai repris le projet par du d buggage et de la finalisation d int gration et de d veloppement Le projet tant sous Joomla 1 6 je n ai pas pris beaucoup de temps pour m y adapter malgr les quelques mois qui me s parait de mon dernier projet Joomla Plus tard dans l ann e de plus gros
40. s 2011 la gestion de son site e commerce Huiles d Olives est un des projets les plus importants de mon alternance Tout d abord parce que c est par son biais que j ai commenc apprendre Prestashop et que ses nombreuses volutions m ont permis de pass progressivement de la version 1 3 la version 1 5 de Prestashop Je vais ici parler de la refonte du nouveau site web qui n est malheureusement pas encore termin ce jour Le site pr c dent fonctionnant sous Prestashop 1 3 a t maintenu pendant plus de 3 ans par notre agence mais son code vieillissant posait de plus en plus de probl mes vis vis de son volution presque aucun module n tait disponible pour cette version obsol te de Prestashop le code avait t manipul directement dans le core ce qui emp chait toute mise jour officielle et le client demandait de plus en plus de fonctionnalit s pr sente chez des sites marchands concurrents ou non Le constat a t rapidement fait que le site ne r pondait plus aux besoins du client et nous lui avons propos une refonte compl te sur la derni re version de Prestashop Le client souhaitait incorporer diff rentes nouvelles fonctionnalit s e Vendre ses produits ancienne fonctionnalit e G rer sa comptabilit gr ce au site ancienne fonctionnalit e G rer ses livraisons gr ce au site ancienne fonctionnalit e Pouvoir g rer des bons de r duction sp cifique ancienne fonctionnalit e R cup r
41. sein d une quipe jeune dynamique motiv e et surtout unie j ai galement eu la possibilit de voir les choses autrement en passant parfois par la gestion du client et du projet Cette ann e m a permis de concevoir l importance des sites cross platform qui sont mon sens l internet de demain Malheureusement je n ai pas eu l opportunit de travailler sur un tel projet au cours de mon alternance l agence Pour finir j ai le sentiment d avoir voluer gr ce mon contrat professionnel et suis d autant plus motiv pour ma nouvelle vie d s Janvier de l autre c t du monde Montr al Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z gare ausava Mutita et 3D 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 22 41 Rapport de Stage 2013 Dimitri KURC iam t eue y Ajuno XOTTHOS Nbr zma ARA EM per Soja Ia Y yooqa d Supe ws BUMMIN AL TENMEUNUUUL OT salue urac Jupe aejdus i ogo anbiudes are HAN IY Prey 3 al 8ANOND7 Annexe HIHSAIS ax Av Was oas madra HVH TH ryg amedsap yeyay anackl opt EN 4 NA HMU N ITUN ppe NAS oas pajoad ap Jaq sun ayie IN 4 4004228 uonesgddy aqo ag Maure 2115 ALAIA SUIS juatuaddopaas HT An ON eT P SJAJE sa pP wwe 8 IUC IC CIFACOM tablissement priv d enseignement technique sup rieur 23 41 R LaNouvelle Cifacom Graohisme Audiovisuel M
42. stashop Prestashop est un CMS de e commerce Il permet de r aliser rapidement une boutique virtuelle pour vendre des produits sur Internet PrestaShop is an e commerce CMS Content System Management It allows a quick virtual store to sell products online E commerce Vente en ligne de produits gr ce des sites boutiques Sell products online with websites shops Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z ao uova muime e30 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvellel 40 41 Dimitri KURC Rapport de Stage 2013 Community Manager Le Community Manager fera le lien entre la communication d une marque ou d une entreprise et une communaut de potentielles cibles que l on retrouve sur les r seaux sociaux Community Manager will link the communication of a brand or a company and a community of potential targets that can be found on social networks Pinterest Nouveau r seau social orient sur les images de ses membres New social network focused on the images of its members Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z Sighma utowa muimeaa e30 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvellel 41 41
43. tim dia et 30 Ecole oeie d orscigeemim ehka spidey CIFACOM tablissement priv d enseignement technique sup rieur 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 2 28 41 Dimitri KURC La Foire de Paris R alis from scratch g BILLETS Ouverture Ouverture le 5 avril le 12 avril 1 COMPLETEZ VOS INFORMATIONS Civilit Madame Mademoiselle Monsieur 500 BILLETS La Foire de Pa boitesmysteres Flux d actualit Twitter Les annet France Voir l entretien vago avec Guiiasme Pens duecteur Far d0on 2012 J Marcelo Haidar VI Lostwa Braz Proud to be 75 Foire de Paris Parc Forte de Versatis Paris Bras gg Laure Le chef de Ano Paris foire totalement san dessert sang de cochon mas remporte ia pame du tou rin food test Partenaires F3 ESPACE comexPosium R giement du eu R sisston Cr dit GAGNEZ 2 PLACE LA FOIRE DE PARIS 1 ABONNEMENT D couvrez D couvrez la liste la liste le 18 avril des gagnants des gagnants 2 R PONDEZ LA QUESTION Dans quel th me de la Foire de Paris retrouve t on la cat gorie Piscine A Maison B Bien tre et Loisirs Cultures du monde SUIVANT 4 boitesmysteres Flux d actualit Twitter A Partagez le jeu avec Vos amis artnet France Vor l entretien vid o avec Guillaume Piens Grectour Fair gon 2012 o ji Marcelo Haidar D Loasa Braz Prou
44. tri KURC Rapport de Stage 2013 Table des mati res Pr sentation de l entreprise et du contexte g n ral nnnrsserrssrrrnsrenrnnes 3 LENTES Santa none danses nn RG Gene Dan nat some Dana esse R nn Gao nv unions et 3 COMENT a E ea a D a nn 4 Communication et processus internes sssssnsssnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn mennenm nnmnnn nnna 5 Missions confi es et comp tences mises en UVTfe s ssssssssnrnerurnnnnnnnnnnnnnnnnnnnnnnnn nnmnnn nne 8 Focus sur le cycle de vie d un projet ssssssnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnn 13 R f rentiel de comp tences et retour d exp rience sur le m tier souhait 18 CONCUSSION Sanaa amour nada ia 22 AO ee a E en a ion 23 COS SAR dd 0 de do ee a ie 39 Es Dr D MUR LaNouvelle s 2 41 Dimitri KURC Rapport de Stage 2013 Pr sentation de l entreprise et du contexte g n ral L Entreprise Cr e en 2009 par Renaud Alquier journaliste de formation LaNouvelle R est une agence interactive sp cialis e dans la cr ation et l accompagnement marketing de sites Internet Voil 4 ans que la passion qu entretien Monsieur Alquier pour les nouvelles technologies le pousse dans ce projet Autodidacte il apprend seul les cl s du succ s d une agence Web et commence alors recruter son quipe Ainsi l agence LaNouvelle R est une structure taille humaine compos e d une dizaine de personnes Sa
45. ultim dia et 30 MS d en iQ SL OTa Dop iieur 01 41 72 08 08 27 ter rue du Progr s 93100 Montreuil Tel ayer nant choit pp riou Dimitri KURC Workflow op rationnel et d cisionnel Demande chent Avons nous les comp tences de r pondre aux besoins p il Si Non Est ce rentable Proposition devis LP Caf Validation du client gt Cahier des Charges Validation du client Planning s Chocolat Chaud Mise en place structure sur serveur pr production D veloppement l kas Petit biscuit Int gration Validation du client Mise en production A Champagne CIFACOM tablissement priv d enseignement technique sup rieur Cifacom 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 Graghisme audiovisuel Multim dia et 30 Ecole oc axe d orscigremim chaine sptieu a gt b Rapport de Stage 2013 LaNouvelle 2 Refus du projet 0 Si plus d une journ e Externalisation LaNouvelle 24 41 Dimitri KURC Rapport de Stage 2013 Sch ma de l environnement de production LaNouvell e D veloppeur Dimitri KURC Ordinateur sous Windows Seven Urilisation de Notepad pour d velopper directement sur le serveur Serveur de pr production gi Serveur de production Mise jour manuelle par FTP Cifacom CIFACOM tablissement priv d enseignement technique sup rieur arenino 27 ter rue du Progr s
46. ur sed adipisicing elit s dolore magna aliqua OFFRES EXCLUSIVES des pnx qui donnent envie HOMME gt FEMME gt b CARTE FID LIT b NOS POINTS DE VENTE b ACTUALITES b CONTACT Si vous ne souhaitez plus recevoir la newletter Arthur par e mail d sabonnez vous E Cifacom CIFACOM tablissement priv d enseignement technique sup rieur an aiin 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvellel 34 41 Dimitri KURC Rapport de Stage 2013 Dimitri KURC D veloppeur 0 33 04 bb 12 dimitri kurc gmail com Concepteur 1 ter Avenue Montrichard Int grateur 34350 Villiers sur Marne http devpix web fr Web j a Ed amp amp a Comp tences Informatiques Langages Expertise HTMLS CSS3 Js et jQuery Interm diaire en PHP MySQL XML Logiciels Photoshop CS5 CS6 Illustrator CS5 CS6 Microsoft Office 2007 2010 Notepad CMS Wordpress Prestashop Joomla Silex el Exp rience Depuis 10 2012 LaNouvelle R Charg de Projet junior D veloppeur Int grateur Web agency Paris France Mise en place des process technique de l agence Charg de la gestion des projets techniques et du d veloppement des projets de l agence sous Wordpress Joomla Prestashop ou d veloppement sp cifique Depuis 12 2010 Devpix Web Charg de Projet D veloppeur Int grateur Travailleur autonome cr ation de site Web De 10 2011 09 2012 LaNouvelle R Assistant Charg
47. xi me ann e au sein de LaNouvelle R a t de mettre en place des process qui n avait jusque l jamais t appliqu J ai ainsi pu mettre en pratique mes connaissances les approfondir en faisant une grosse veille sur certains sujets et r diger quelques documents bien utiles pour les nouveaux arrivants Un de mes premiers changements a t de mettre en place des r gles de s curit sur les mots de passe notamment ceux ci ayant toujours t identique quel que soit le projet jusqu ce changement Les mots de passe sont maintenant s curis s par des g n rations al atoires de 12 caract res alphanum riques et sont chang s tous les 6 mois Un document prot g par mot de passe contient tous les mots de passe pour viter de perdre du temps en cas d oubli J ai galement r dig des documents et fait les manipulations concernant les s curisations de nos serveurs et de notre r seau freebox prot g notamment par une liste blanche et un mot de passe fort J ai ensuite mis en place l outil FengOffice pour la gestion de nos plannings et le reporting de temps que nous passions sur chaque projet L outil Mantis lui est maintenant utilis pour les retours clients Cela nous vite de perdre du temps retrouver les bugs parmi nos mails Concernant l quipe technique seulement j ai mis en place une charte de d veloppement une liste des bonnes pratiques SEO avant pendant et apr s la r alisation d un projet ainsi qu u
48. y et les contraintes technologique donn es par moi m me S en vient ensuite la mise en place de la structure du CMS sur un serveur de pr production avec le d veloppement des modules personnalis s et l int gration Une fois le tout valid par le client le site est mis en ligne et le projet repris par l quipe Webmarketing pour le r f rencement et la communication sur les r seaux sociaux Une plateforme Mantis a t mise en place cette ann e afin d am liorer notre relation client et remonter les bugs plus rapidement gr ce des alertes personnalis es Contrairement au reste de l quipe je travaille sur mon propre ordinateur Cela me permet d avoir mes propres logiciels et des versions jours de tous mes outils L agence travaille principalement sur Windows Seven avec tous les navigateurs modernes et un ordinateur sur XP avec les anciens navigateurs pour v rifier les compatibilit s Nous utilisons norm ment le NAS de la Freebox pour partager rapidement les fichiers et donn es entre nous L avantage est la rapidit de mise disposition et d y avoir acc s de n importe o gr ce une connexion FTP Le principal inconv nient est qu en cas de crash Cifacom CIFACOM tablissement priv d enseignement technique sup rieur z stone avons e 3P 27 ter rue du Progr s 93100 Montreuil Tel 01 41 72 08 08 LaNouvelle 6 41 Dimitri KURC Rapport de Stage 2013 aucune sauvegarde n est actuellement disponible ho
Download Pdf Manuals
Related Search