Ter Waarbeek Jan

Rapport de stage effectu du 21 mai au 15 juin

Dans la socit :

Fabrik4Web

BTS SIO Anne 2013

Lyce Henri Wallon

PLAN :
Introduction I/ Le cadre du stage Prsentation du secteur dactivit Prsentation de la socit II/ Travaux effectus et apports du stage A Les travaux effectus Description des missions et difficults rencontrs B Les apports du stage Comptences acquises Difficults rencontrs et solutions apportes La vie en socit Conclusion

Introduction
Du 21 mai au 15 juin, jai effectu un stage au sein de lentreprise Fabrik4Web (situe aux Ateliers numriques, Valenciennes). Au cours de ce stage, jai pu mintresser aux diffrents aspects du dveloppement web et dapplications mobiles. Plus largement, ce stage a t lopportunit pour moi de dcouvrir plus profondment laspect du mtier dans ce domaine mais aussi dassimiler certaines techniques, denrichir mes connaissances et de dcouvrir de nouvelles technologies qui mtaient inconnues.

Mon stage a consist essentiellement la cration dapplication. Mon matre de stage tant lui-mme directeur au sein de la socit, jai pu apprendre et raliser dans dexcellentes conditions les tches que lon mavait assignes. Ce stage a donc t une opportunit pour moi de percevoir comment une entreprise dans un secteur informatique ayant choisi la cration de site web et le dveloppement dapplications mobiles.

En vue de rendre compte de manire fidle des 4 semaines passes au sein de la socit Fabrik4Web, je me permets de prsenter au pralable le cadre du stage de la socit. Enfin, il sera prcis les diffrentes missions et tches que jai pu effectuer au sein de la socit, et les nombreux apports que jai pu en tirer.

Le cadre du stage
Le Secteur dactivit
Le dveloppement dapplication et la cration de site web est un secteur en pleine expansion. De plus en plus dentreprises sont obliges de sen servir afin de pouvoir concurrencer les autres et dtre plus avance dans le domaine de la communication. Il est relativement rcent et requiert une certaines adaptabilit car il est en constante volution. Il est donc ncessaire de mettre jour rgulirement ses connaissances dans le domaine afin de pouvoir crer les dernires technologies et de satisfaire les clients. Il est donc assez contraignant mais offre de nombreux avantages et possibilits.

Prsentation de la socit
La socit Fabrik4web a t cre le 15 avril 2012, elle propose un choix de cration de site web et applications. Pour cela, les employs matrisent beaucoup de technologies et de langages web : HTML5, CSS3, PHP5, JavaScript, et Jquery, MySQL, NodeJS. Cela permettant de raliser de nombreux projets et de rpondre aux attentes des clients.

Travaux effectus et apports du stage

Les travaux effectus
Jai tout dabord effectu la transition dune application de base iOS sur Android et Windows 8, lapplication tant code en HTML, CSS, JavaScript (et jQuery) et utilise le moteur Cordova Apache (PhoneGap). Pour ce faire, jai d effectuer les modifications ncessaires, savoir sur Windows 8 notamment le JavaScript qui tait partiellement incompatible. Pour Android, les modifications taient principalement au niveau CSS, d au changement de rsolution dcran. Jai pu synthtiser ces modifications et remarques pour avoir un rendu global (voir annexe n1 en fin de rapport). Toujours dans le mme contexte, jai pu effectuer diffrents tests pour mettre en place un systme de cache dans lapplication. Jai d pour cela faire de nombreuses recherches pour comprendre les mthodes proposes pour enfin aboutir un rsultat satisfaisant. Seul bmol : Impossibilit technique de mettre en cache les vidos sur lapplication. Pour cette premire mission jai d souvent me renseigner sur internet pour comprendre le fonctionnement de beaucoup de mthodes et de techniques qui mtaient inconnues. Jai eu beaucoup de mal rsoudre certains problmes cependant jai pu bnficier daide qui ont permis la rsolution de mes difficults.

Ma deuxime mission fut la modification dun site web en construction selon les souhaits du client (site internet du Syndicat Gnrale des Vignerons de la Champagne). Les altrations furent principalement au niveau HTML et JavaScript. Je nai pas rencontr de difficults particulires durant cette tche.

Ma troisime et dernire mission ft la cration dune application (HTML, CSS, JavaScript et JQuery) de prsentation dune socit (Foligraf Studio) afin de sen servir pour la prsenter lors du club e-Entreprises sur iPad.

Lapplication tant compose assez simplement de plusieurs slides, prsentant les diffrents atouts de la socit avec une vido en fin. Jai eu un seul jour pour effectuer ce travail. Le rel problme que jai pu affronter ft tout simplement le temps. En effet, jai eu quelques complications pour finir lapplication temps.

Les apports du stage

Comptences acquises
Grce la pratique, jai pu mettre en uvre les comptences que jai pu obtenir au cours de ma formation de premire anne et comprendre rellement leur fonctionnement. Jai pu cependant accroitre normment mes connaissances dans le langage web en gnral et aussi plus particulirement dans le JavaScript (et ses bibliothques jQuery, ..).

Difficults rencontrs et solutions apportes

La plupart de mes problmes furent essentiellement d mon peu de connaissances dans certains langages et le manque de pratique. Jai pu pallier cela grce laide que lon a pu mapporter quand jtais dans le besoin et galement grce aux recherches que jai pu effectuer.

La vie en socit
Mon stage Fabrik4Web a t trs instructif. Au cours de ces 4 semaines, jai pu ainsi observer le fonctionnement dune socit dans ce domaine. Jai pu comprendre le rythme de travail ainsi que le comportement adopt en fonction du travail raliser et lesprit de groupe face aux difficults rencontres.

Conclusion
Durant ces 4 semaines au sein de Fabrik4web, jai pu raliser diffrentes tches qui aideront je lespre, la socit. Jai beaucoup apprci le soutien que lon a pu mapporter mais galement les responsabilits que jai pu avoir. Jai beaucoup appris et je suis un peu du de navoir pu effectuer que 4 semaines car cest seulement la fin du stage que jai pu effectuer des tches plus importantes avec un peu plus dautonomie et defficacit. Jai pu galement dcouvrir de nouvelles technologies et de nouvelles pratiques plus modernes et efficaces, permettant des rendus trs intressant.

Ce stage a t loccasion de prendre conscience de la difficult de mettre en application la thorie apprise en cours. Les missions que lon ma confies mont permis de progresser et de comprendre comment utiliser mes connaissances et comment ragir en cas de difficults. Les mcaniques de travail me sont dsormais moins inconnues et me donnent dornavant la certitude de continuer dans ce domaine.

Annexe n1 Problmes rencontrs et modifications apportes

Sous Windows 8 :
Modification du fichier jquery.js navigator.splashscreen.hide(); enlev. event dfini en variable var event = click , le premier ne permettait pas laction du clic sur le bouton. setTimeout enlev pour le createStoryJS. Remplacement de display: inline-block; par display : inline dans le CSS : nav ul li. Le premier faisant apparaitre des points ct des boutons next . Modification du CSS sur certaines zones de slection notamment lors de boards avec des choix multiples (prsentations de montres), sur balises <a> et <p> par : background: rgba(255, 0, 0,0) sur les board : 14, 18, 20, 24, 26. Les zones ntaient pas slectionnables car considres comme vides . Lattribut controls sur la balise <video> ntant pas compltement fonctionnel, il a t remplac par un autoplay sur le board 32, 37, 42 et 44. Diminution de 2px les images sur le board 12 ainsi quaugmentation dun px sur le padding-left de la premire image du board 12 d des images trop grandes (une ne saffichait pas). Package de lapplication ralis cependant impossible de certifier lapplication cause du Timeline. Ajout/modifications dimages : logo en 150x150, logo large en 310x150, petit logo en 30x30 et cran de dmarrage en 620x300.

Sous Android :
Dimensions non adaptes (1280x800) Vidos non lues