Stage Développeur web

1. 10 avril 2007 – 15 Juin 2007 StageDéveloppeur web Teddy HENNART

2. I. Introduction • But • Cadre • Contenu

3. I. Introduction 1) But Le but de ce document est de résumer les dix semaines passées dans la société O.P.O. ainsi que d’expliquer les différents projets qui m’ont été confiés.

4. I. Introduction 2) Cadre Ce document a été créé dans le cadre de la soutenance se déroulant après le stage. Il permet d’appuyer les différentes explications données.

5. I. Introduction 3) Contenu Dans ce document, nous trouverons une présentation de l’entreprise, ainsi que chacun des projets qui m’ont été confiés durant ce stage.

6. II. Présentation d’OPO • Présentation de l’agence • Présentation générale • Historique • Situation géographique • Missions • Résultats • Technologies et logiciels utilisés • OPO et la concurrence • Organisation et ambiance de travail

7. II. Présentation d’OPOPrésentation de l’agence OPO (Œil Pour Œil). • Création et échange • Curiosité • Eveil • Impertinence Une passion : la créativité numérique.

8. II. Présentation d’OPOPrésentation de l’agence 17 salariés à temps plein Un réseau de freelances (travailleurs indépendants) Dirigeants : • Philippe Haudegond (gérant) • Jean Barnezet (Directeur associé) • Pierre Choisnet (associé)

9. II. Présentation d’OPOPrésentation de l’agence Historique : • 1996 : • Création de la S.A.R.L. Œil Pour Œil. • Production multimédia. • Dessins animés. • Jeux vidéos.

10. II. Présentation d’OPOPrésentation de l’agence • 2003 : • Liquidation judiciaire. • Un mois plus tard, création de OPO. • Communication interactive. • Sites Internet. • Développement d’applications de communication marketing.

11. II. Présentation d’OPOPrésentation de l’agence Situation géographique : • 66 rue d’Angleterre, Lille. • À 15 minutes de la gare Lille Flandres. • À 10 minutes de la Place. • Cadre d’accueil chaleureux. • Ancienne maison de maître sur 2 niveaux.

12. II. Présentation d’OPOPrésentation de l’agence

13. II. Présentation d’OPOPrésentation de l’agence Missions : • Sites institutionnels. • Présenter un entreprise. • Définir son identité visuelle. • Sites de commerce électronique. • Opérations marketing ponctuelles. • Newsletters. • Cartes électroniques. • Jeux concours. • Mini-sites. • Campagnes de publicité. • …

14. II. Présentation d’OPOPrésentation de l’agence Parallèlement : • Production multimédia. • Jeux vidéos. • Pédagogiques. • Communicatifs. (TF1, les 3 suisses, Décathlon, …)

15. II. Présentation d’OPOPrésentation de l’agence Résultats :

16. II. Présentation d’OPOPrésentation de l’agence Technologies / Logiciels : • Graphisme : • Adobe Illustrator. • Adobe Photoshop. • Web : • PHP/MySQL • HTML/CSS. • FireWorks (Macromédia). • Flash (Macromédia). • Nectil, SPIP, TYPO3

17. II. Présentation d’OPOPrésentation de l’agence Technologies / Logiciels : • Jeux vidéo / 3D : • 3D Studio Max. • Virtools. • Marketing: • Google Analytics. • Google Adwords. • XiTi. • Post Affiliate Pro 3.

18. II. Présentation d’OPO • Présentation de l’agence • Présentation générale • Historique • Situation géographique • Missions • Résultats • Technologies et logiciels utilisés • OPO et la concurrence • Organisation et ambiance de travail

19. II. Présentation d’OPOOPO et la concurrence Environ 400 agences concurrentes dans le Nord • Référencement • Sons et images appliquées à l’informatique • Développement Web • Traduction Mais OPO est l’une des plus connues. (surtout Œil pour Œil)

20. II. Présentation d’OPOOPO et la concurrence Effectif réduit.  ne peut pas être à la hauteur de ALTIMA ou I-PUZZLE (environ 50 personnes). Mais réputation de qualité.  Sites Web de qualité grâce à des graphistes et développeurs compétents.

21. II. Présentation d’OPO • Présentation de l’agence • Présentation générale • Historique • Situation géographique • Missions • Résultats • Technologies et logiciels utilisés • OPO et la concurrence • Organisation et ambiance de travail

22. II. Présentation d’OPO Organisation et ambiance de travail • Planning de production • Ambiance chaleureuse • Horaires : 9h30 - 12h30 / 14h00 - 18h00 • Accès Internet + Serveur

23. III. GSK - Parodontax • Présentation du projet • Ma contribution

24. III. GSK - Parodontax Présentation du projet • GSK : Grand groupe pharmaceutique • Chiffre d’affaire : 2.587 milliards d’euros • Site Web à développer, but : • Valoriser le produit, son image et sa notoriété auprès des professionnels • Mettre en exergue la dimension paramédicale du produit/du Groupe • Proposer des outils ludiques de diffusion auprès du grand public • Mettre en place un outil de dialogue entre GSK et les professionnels

25. III. GSK - Parodontax • Présentation du projet • Ma contribution

26. III. GSK - Parodontax Ma contribution • > Démonstration

27. IV. La Tisanière • Présentation du projet • Ma contribution

28. IV. La TisanièrePrésentation du projet • Déjà débuté • Reprise des pages existantes • Adaptation des contenus • 3 pages recettes

29. IV. La Tisanière • Présentation du projet • Ma contribution

30. IV. La Tisanière • >Démonstration (si internet) • >Démonstration (local) • Peu de travail • Reprise d’un travail existant • Devoir de s’adapter

31. V. Newsletter • Présentation du projet • Ma contribution

32. V. Newsletter • Créée par OPO par l’intermédiaire de HEAVEN • Reprise de l’édition précédente • Modification des contenus selon un ficher EXCEL • Attention : Liens en ABSOLU

33. V. Newsletter • Présentation du projet • Ma contribution

34. V. Newsletter • >Démonstration

35. VI. Création d’un outil interne • Contraintes • Base de données • Exemple • Style, interface

36. VI. Création d’un outil interne Contraintes • Un projet • Des informations générales • Des accès • Des hébergements • Des DNS • Doit être évolutif On ne sait pas combien !

37. VI. Création d’un outil interne • Contraintes • Base de données • Exemple • Style, interface

38. VI. Création d’un outil interne Base de données

39. VI. Création d’un outil interne Base de données • Projets • proj_id, proj_nom, proj_date_deb, proj_client, proj_chef, proj_intervenants, proj_date_ligne; • Access • access_id, access_type,access_desc, access_log, access_pass; • Heberge • hebege_id, heberge_opo, heberge_who, heberge_server, heberge_date_deb, heberge_date_fin ; • Dns • dns_id, dns_nom, dns_opo, dns_date_renouvellement, dns_service, dns_contact ; • Liaison_proj_access • proj_id, access_id ; • Liaison_proj_dns • proj_id, dns_id ; • Liaison_proj_heberge • proj_id, heberge_id);

40. VI. Création d’un outil interne • Contraintes • Base de données • Exemple • Style, interface

41. VI. Création d’un outil interne Exemple

42. VI. Création d’un outil interne • Contraintes • Base de données • Exemple • Style, interface

43. VI. Création d’un outil interne Style, Interface • >Démonstration

44. VII. Mise en place d’OpenAds • Présentation d’OpenAds • Ce que j’ai fait

45. VII. Mise en place d’OpenAds Présentation de OpenAds • Solution OpenSource de régie publicitaire. • Annonceurs • éditeurs. • Permet de gérer l’affiliation.

46. VII. Mise en place d’OpenAds • Présentation d’OpenAds • Ce que j’ai fait

47. VII. Mise en place d’OpenAds Ce que j’ai fait • Backup du blog • Téléchargement des fichiers • Prise de connaissance du manuel utilisateur (en anglais) • Installation

48. VIII. Bibliographie • http://www.opo.fr/ • http://fr.wikipedia.org • http://www.gsk.fr • http://www.espace-parodontax.fr • http://www.latisaniere.com • http://www.openads.org • http://www.stickmanlabs.com/lightwindows

49. IX. Conclusion • Etat des projets à mon départ • GSK • La Tisanière • Newsletter Xbox 360 • Outil interne • OpenAds

50. IX. Conclusion • Stage très constructif et agréable • Travail en équipe • Respect des contraintes • Respect de l’opinion des autres