Astroclermont @clermontech

Baptiste MOREAU
Baptiste MOREAUDeveloper à Wengo
Astroclermont @clermontech
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
CLERMONT’ECH API HOUR #8
1.Etat des lieux
2.Détails de la mission
3.Choix technologiques
4.Conclusion
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Plateforme Astrocenter
• 4 langues
• 70 environnements graphiques
• 1500 contenus éditoriaux
• 100 000 pages différentes
• des dizaines de pays
• Boutique 10 devises
• CB / WHA / paypal
• 2 500 000 de V.U.
• 4 500 000 Visites
• 19 300 000 Pages Vues
• 80 jeux payants en 3 langues
• 30 jeux gratuits en 4 langues
• Horoscope quotidien / hebdo
• Amour / travail / santé / ...
• 20 Newsletters différentes
customisées aux couleurs des
partenaires
• 2 000 pages / secondes
• 25 000 Utilisateurs Simultanés
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Mais une plateforme de 15 ans d'âge,
ça donne quoi ?
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
État des lieux TECHNIQUE
• 2 Boutiques C# + ASP
• 1 Boutique PHP/Symphony
• 5 CMS C# + ASP
• 1 CMS VBScript + XSLT
• 3 CMS PHP
• 20 systèmes de maintenance des environnements graphiques
• Base de Données : MSSQL / PostgreSQL / sqlite / GoogleDoc / ...
• 3 systèmes de versioning (CVS, SVN, GIT)
X systèmes de déploiement …
X WebServices
Bref, 5 équipes de développeurs successives …
• 3 BackOffice C#
• 4 BackOffice PHP
• Google Docs (BO)
• 25 Interfaces de Back-office différentes
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Ma mission :
Unifier, Nettoyer, Améliorer
Les Outils :
PHP, PostGreSQL, Linux, GIT
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Mais quel est notre métier, et
que devons-nous mettre en place ?
Des pages WEB
HTML / CSS / JS / Images
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
1
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Nous pouvons tout mettre en cache
Des pages entières et/ou par blocks
Et nous injecterons des
données personnalisées en Javascript
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
1
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Nous utiliserons Twig : moteur de template
PHP => génération des pages
mises en cache
UserCenter => production Live
JavaScript => Injection de données
dans des blocks (tpl)
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
1
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Redéfinition des règles pour le front
Pages référençables :
• Injection de données en JS
• Temps d'accès < 80ms
• Charge serveur minimale
Pages non-référencées :
• Construction PHP (Blocks + MVC)
• Inaccessible sans JS
• Espace Sécurisé 1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
1
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Qu'existe-t-il sur le marché ?
Essentiellement,
des stockeurs de pages générées
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
1
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Pourquoi ne pas UTILISER un générateur de
fichiers cachables ?
Lié à une plateforme de déploiement ?
Et un/des gestionnaire(s) de versioning ?
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
1
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
AstroClermont
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
1
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Résultat :
• 1 BO multi-langue MVC PHP
• 1 Système de déploiement automatique
• 1 Front publiant du cache
• 1 User-center (MVC) PHP
• 1 Générateur de données JSON
• 1 Serveur statique (CDN)
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
1
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Conclusion
Réfléchir au but rechercher avant
de penser aux techniques de réalisation
Réaliser une application Génétiquement optimisée
sera rentabilisé sur le moyen terme.
1. Etat des lieux
2. Détails de la mission
3. Choix technologiques
4. Conclusion
1
CONFIDENTIAL © Wengo SAS 2013
Reproduction prohibited without prior authorization
Des Questions ?
1 sur 18

Recommandé

Création d’application facile en html via node-webkit par
Création d’application facile en html via node-webkitCréation d’application facile en html via node-webkit
Création d’application facile en html via node-webkitIsenDev
2K vues27 diapositives
Le monitoring de la performance front par
Le monitoring de la performance frontLe monitoring de la performance front
Le monitoring de la performance frontJean-Pierre Vincent
2.2K vues35 diapositives
WordCamp Lyon 2015 - WordPress, Git et l'intégration continue par
 WordCamp Lyon 2015 - WordPress, Git et l'intégration continue WordCamp Lyon 2015 - WordPress, Git et l'intégration continue
WordCamp Lyon 2015 - WordPress, Git et l'intégration continueStéphane HULARD
4.1K vues35 diapositives
Zend Framework - Simplicity Meet Power par
Zend Framework - Simplicity Meet PowerZend Framework - Simplicity Meet Power
Zend Framework - Simplicity Meet PowerALTAIDE
819 vues20 diapositives
ASP.NET MVC 6 par
ASP.NET MVC 6ASP.NET MVC 6
ASP.NET MVC 6Microsoft
4.2K vues42 diapositives
ASP.NET 5: la révolution est en marche par
ASP.NET 5: la révolution est en marcheASP.NET 5: la révolution est en marche
ASP.NET 5: la révolution est en marcheMicrosoft
1.9K vues16 diapositives

Contenu connexe

En vedette

Petit Déjeuner Effinity et Teeps 27/09 par
Petit Déjeuner Effinity et Teeps 27/09Petit Déjeuner Effinity et Teeps 27/09
Petit Déjeuner Effinity et Teeps 27/09Effinity
399 vues11 diapositives
Bilan comparatif des médicaments : Changements récents faits par Agrément Canada par
Bilan comparatif des médicaments : Changements récents faits par Agrément CanadaBilan comparatif des médicaments : Changements récents faits par Agrément Canada
Bilan comparatif des médicaments : Changements récents faits par Agrément CanadaCanadian Patient Safety Institute
687 vues22 diapositives
VAKANS O PEYI edition 2013 par
VAKANS O PEYI edition 2013VAKANS O PEYI edition 2013
VAKANS O PEYI edition 2013WKTL-Agency
528 vues132 diapositives
Exercices 2 test d'hypothése (prise de notes) par
Exercices 2 test d'hypothése (prise de notes)Exercices 2 test d'hypothése (prise de notes)
Exercices 2 test d'hypothése (prise de notes)Taha Can
742 vues4 diapositives
M7 lesson 2 1 represent & translate algebraic exprions & equations p art 1 pdf par
M7 lesson 2 1 represent & translate algebraic exprions & equations p art 1 pdfM7 lesson 2 1 represent & translate algebraic exprions & equations p art 1 pdf
M7 lesson 2 1 represent & translate algebraic exprions & equations p art 1 pdflothomas
9.7K vues27 diapositives
Petit déjeuner conférence du 3 avril 2013 de la Chambre de commerce de Lévis par
Petit déjeuner conférence du 3 avril 2013 de la Chambre de commerce de LévisPetit déjeuner conférence du 3 avril 2013 de la Chambre de commerce de Lévis
Petit déjeuner conférence du 3 avril 2013 de la Chambre de commerce de LévisChambre de commerce de Lévis
543 vues49 diapositives

En vedette(20)

Petit Déjeuner Effinity et Teeps 27/09 par Effinity
Petit Déjeuner Effinity et Teeps 27/09Petit Déjeuner Effinity et Teeps 27/09
Petit Déjeuner Effinity et Teeps 27/09
Effinity399 vues
VAKANS O PEYI edition 2013 par WKTL-Agency
VAKANS O PEYI edition 2013VAKANS O PEYI edition 2013
VAKANS O PEYI edition 2013
WKTL-Agency528 vues
Exercices 2 test d'hypothése (prise de notes) par Taha Can
Exercices 2 test d'hypothése (prise de notes)Exercices 2 test d'hypothése (prise de notes)
Exercices 2 test d'hypothése (prise de notes)
Taha Can742 vues
M7 lesson 2 1 represent & translate algebraic exprions & equations p art 1 pdf par lothomas
M7 lesson 2 1 represent & translate algebraic exprions & equations p art 1 pdfM7 lesson 2 1 represent & translate algebraic exprions & equations p art 1 pdf
M7 lesson 2 1 represent & translate algebraic exprions & equations p art 1 pdf
lothomas9.7K vues
沙雕 Sculptures de sable par lys167
沙雕 Sculptures de sable沙雕 Sculptures de sable
沙雕 Sculptures de sable
lys167310 vues
Trabajo De Historia[1]...Marce, Naty, Cris par Eliana
Trabajo De Historia[1]...Marce, Naty, CrisTrabajo De Historia[1]...Marce, Naty, Cris
Trabajo De Historia[1]...Marce, Naty, Cris
Eliana412 vues
M7 lesson 3 2 represent rates pdf par lothomas
M7 lesson 3 2 represent rates pdfM7 lesson 3 2 represent rates pdf
M7 lesson 3 2 represent rates pdf
lothomas4.6K vues
10 leviers WAOU pour générer des prospects par Neocamino
10 leviers WAOU pour générer des prospects10 leviers WAOU pour générer des prospects
10 leviers WAOU pour générer des prospects
Neocamino711 vues
Téléchargez de la musique gratuitement et légalement par FHEEL - LEADEA
Téléchargez de la musique gratuitement et légalementTéléchargez de la musique gratuitement et légalement
Téléchargez de la musique gratuitement et légalement
FHEEL - LEADEA514 vues
Imparfait et passé composé par Pilarrv
Imparfait et passé composéImparfait et passé composé
Imparfait et passé composé
Pilarrv743 vues
Avanquest communiqué de presse - augmentation de capital par AvanquestCorporate
Avanquest   communiqué de presse - augmentation de capitalAvanquest   communiqué de presse - augmentation de capital
Avanquest communiqué de presse - augmentation de capital
AvanquestCorporate2.7K vues
Ame gallery dans la série le monde de l'art selon e.t -291013 jean dupuis à l... par Antoine Mercier-ame
Ame gallery dans la série le monde de l'art selon e.t -291013 jean dupuis à l...Ame gallery dans la série le monde de l'art selon e.t -291013 jean dupuis à l...
Ame gallery dans la série le monde de l'art selon e.t -291013 jean dupuis à l...
4B Composants Electriques - Surveillance des Elevateurs et Convoyeurs par 4B Braime Components
4B Composants Electriques - Surveillance des Elevateurs et Convoyeurs4B Composants Electriques - Surveillance des Elevateurs et Convoyeurs
4B Composants Electriques - Surveillance des Elevateurs et Convoyeurs
Le leadership par Tristan Ebel par Tristan Ebel
Le leadership par Tristan EbelLe leadership par Tristan Ebel
Le leadership par Tristan Ebel
Tristan Ebel644 vues

Similaire à Astroclermont @clermontech

[Sildes] plateforme centralisée d’analyse des logs des frontaux http en temps... par
[Sildes] plateforme centralisée d’analyse des logs des frontaux http en temps...[Sildes] plateforme centralisée d’analyse des logs des frontaux http en temps...
[Sildes] plateforme centralisée d’analyse des logs des frontaux http en temps...Guillaume MOCQUET
1.5K vues68 diapositives
Les performances Web mobile par
Les performances Web mobileLes performances Web mobile
Les performances Web mobileJean-Pierre Vincent
1.5K vues32 diapositives
Javascript as a first programming language : votre IC prête pour la révolution ! par
Javascript as a first programming language : votre IC prête pour la révolution !Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !VISEO
1.5K vues136 diapositives
Au coeur du framework .net 4.5.1 par
Au coeur du framework .net 4.5.1Au coeur du framework .net 4.5.1
Au coeur du framework .net 4.5.1Cellenza
665 vues45 diapositives
Formation mobile-cross-platform par
Formation mobile-cross-platformFormation mobile-cross-platform
Formation mobile-cross-platformAtelier IHM Polytech Nice Sophia
2.6K vues86 diapositives
Php forum 2017 - Maisons du Monde par
Php forum 2017 - Maisons du MondePhp forum 2017 - Maisons du Monde
Php forum 2017 - Maisons du Mondemarchugon
896 vues35 diapositives

Similaire à Astroclermont @clermontech(20)

[Sildes] plateforme centralisée d’analyse des logs des frontaux http en temps... par Guillaume MOCQUET
[Sildes] plateforme centralisée d’analyse des logs des frontaux http en temps...[Sildes] plateforme centralisée d’analyse des logs des frontaux http en temps...
[Sildes] plateforme centralisée d’analyse des logs des frontaux http en temps...
Guillaume MOCQUET1.5K vues
Javascript as a first programming language : votre IC prête pour la révolution ! par VISEO
Javascript as a first programming language : votre IC prête pour la révolution !Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !
VISEO1.5K vues
Au coeur du framework .net 4.5.1 par Cellenza
Au coeur du framework .net 4.5.1Au coeur du framework .net 4.5.1
Au coeur du framework .net 4.5.1
Cellenza665 vues
Php forum 2017 - Maisons du Monde par marchugon
Php forum 2017 - Maisons du MondePhp forum 2017 - Maisons du Monde
Php forum 2017 - Maisons du Monde
marchugon896 vues
Retour AFUP du forumphp 2017 par AFUP_Limoges
Retour AFUP du forumphp 2017Retour AFUP du forumphp 2017
Retour AFUP du forumphp 2017
AFUP_Limoges87 vues
Déployez votre site PHP / MariaDB, simplement et rapidement dans Azure par Microsoft
Déployez votre site PHP / MariaDB, simplement et rapidement dans AzureDéployez votre site PHP / MariaDB, simplement et rapidement dans Azure
Déployez votre site PHP / MariaDB, simplement et rapidement dans Azure
Microsoft955 vues
Le Kit du Parfait Petit Intégrateur (PW2009) par Thierry Régagnon
Le Kit du Parfait Petit Intégrateur (PW2009)Le Kit du Parfait Petit Intégrateur (PW2009)
Le Kit du Parfait Petit Intégrateur (PW2009)
Thierry Régagnon1.4K vues
10 tips pour améliorer les performances de vos applications Windows 8 par Microsoft
10 tips pour améliorer les performances de vos applications Windows 810 tips pour améliorer les performances de vos applications Windows 8
10 tips pour améliorer les performances de vos applications Windows 8
Microsoft863 vues
Développer ou debugger ? par Microsoft
Développer ou debugger ? Développer ou debugger ?
Développer ou debugger ?
Microsoft1.6K vues
Cours Devops Sparks.pptx.pdf par boulonvert
Cours Devops Sparks.pptx.pdfCours Devops Sparks.pptx.pdf
Cours Devops Sparks.pptx.pdf
boulonvert476 vues
WordPress sous stéroïdes : votre site Web vers les sommets ! par Aurélien Denis
WordPress sous stéroïdes : votre site Web vers les sommets !WordPress sous stéroïdes : votre site Web vers les sommets !
WordPress sous stéroïdes : votre site Web vers les sommets !
Aurélien Denis173 vues
go4collab by Exaprobe par Exaprobe
go4collab by Exaprobego4collab by Exaprobe
go4collab by Exaprobe
Exaprobe349 vues
OpenShift en production - Akram Ben Assi & Eloïse Faure par Paris Container Day
OpenShift en production - Akram Ben Assi & Eloïse FaureOpenShift en production - Akram Ben Assi & Eloïse Faure
OpenShift en production - Akram Ben Assi & Eloïse Faure

Astroclermont @clermontech

  • 2. CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization CLERMONT’ECH API HOUR #8 1.Etat des lieux 2.Détails de la mission 3.Choix technologiques 4.Conclusion
  • 3. CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Plateforme Astrocenter • 4 langues • 70 environnements graphiques • 1500 contenus éditoriaux • 100 000 pages différentes • des dizaines de pays • Boutique 10 devises • CB / WHA / paypal • 2 500 000 de V.U. • 4 500 000 Visites • 19 300 000 Pages Vues • 80 jeux payants en 3 langues • 30 jeux gratuits en 4 langues • Horoscope quotidien / hebdo • Amour / travail / santé / ... • 20 Newsletters différentes customisées aux couleurs des partenaires • 2 000 pages / secondes • 25 000 Utilisateurs Simultanés 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 4. CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Mais une plateforme de 15 ans d'âge, ça donne quoi ? 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 5. CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization État des lieux TECHNIQUE • 2 Boutiques C# + ASP • 1 Boutique PHP/Symphony • 5 CMS C# + ASP • 1 CMS VBScript + XSLT • 3 CMS PHP • 20 systèmes de maintenance des environnements graphiques • Base de Données : MSSQL / PostgreSQL / sqlite / GoogleDoc / ... • 3 systèmes de versioning (CVS, SVN, GIT) X systèmes de déploiement … X WebServices Bref, 5 équipes de développeurs successives … • 3 BackOffice C# • 4 BackOffice PHP • Google Docs (BO) • 25 Interfaces de Back-office différentes 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 6. CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Ma mission : Unifier, Nettoyer, Améliorer Les Outils : PHP, PostGreSQL, Linux, GIT 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 7. CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Mais quel est notre métier, et que devons-nous mettre en place ? Des pages WEB HTML / CSS / JS / Images 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 8. CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 9. CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 10. 1 CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Nous pouvons tout mettre en cache Des pages entières et/ou par blocks Et nous injecterons des données personnalisées en Javascript 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 11. 1 CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Nous utiliserons Twig : moteur de template PHP => génération des pages mises en cache UserCenter => production Live JavaScript => Injection de données dans des blocks (tpl) 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 12. 1 CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Redéfinition des règles pour le front Pages référençables : • Injection de données en JS • Temps d'accès < 80ms • Charge serveur minimale Pages non-référencées : • Construction PHP (Blocks + MVC) • Inaccessible sans JS • Espace Sécurisé 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 13. 1 CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Qu'existe-t-il sur le marché ? Essentiellement, des stockeurs de pages générées 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 14. 1 CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Pourquoi ne pas UTILISER un générateur de fichiers cachables ? Lié à une plateforme de déploiement ? Et un/des gestionnaire(s) de versioning ? 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 15. 1 CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization AstroClermont 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 16. 1 CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Résultat : • 1 BO multi-langue MVC PHP • 1 Système de déploiement automatique • 1 Front publiant du cache • 1 User-center (MVC) PHP • 1 Générateur de données JSON • 1 Serveur statique (CDN) 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 17. 1 CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Conclusion Réfléchir au but rechercher avant de penser aux techniques de réalisation Réaliser une application Génétiquement optimisée sera rentabilisé sur le moyen terme. 1. Etat des lieux 2. Détails de la mission 3. Choix technologiques 4. Conclusion
  • 18. 1 CONFIDENTIAL © Wengo SAS 2013 Reproduction prohibited without prior authorization Des Questions ?