Introducing PrestaShop 1.7

Introducing PrestaShop 1.7 for developers

Transcript

1. PrestaShop Kiwik – 24/11/2016
2. • Présentation – Késako ? – Open Source & Communautaire • PrestaShop 1.7 – Objectifs – Sell Faster – Create easier – Code better Sommaire
3. Présentation
4. • Core Developer • Chargé de support • Développeur Agence Web Maxime Biloé Core Developer
5. Notre Mission Offrir à tous les e-commerçants la possibilité de créer leur boutique en ligne gratuitement et de vendre dans le monde entier.
6. • Logiciel e-commerce gratuit et Open Source • 600+ fonctionnalités natives • 250,000+ boutiques • 5,000,000+ téléchargements • 130 collaborateurs • 7 bureaux à travers le monde PrestaShop : késako ? Paris, France Miami, USA San Francisco, USA Milan, Italie Barcelone, Espagne Berlin, Allemagne Bruxelles, Belgique
7. • Utilisé dans plus de 209 pays • Disponible en 65 langues • 3 000+ traducteurs dans le monde • 5 000+ modules et thèmes développés par 1 000+ contributeurs • 150 partenaires stratégiques • 212 agences web et développeurs freelances dans 26 pays PrestaShop : késako ?
8. • Code source disponible sur GitHub https://github.com/PrestaShop/PrestaShop • Forum • Gitter • Blog technique http://build.prestashop.com PrestaShop : Open Source & Communautaire
9. PrestaShop 1.7
10. Quelques chiffres Pré-versions 2 Alphas 3 Betas 4 Release Candidates Sortie 7 Novembre 2016 Téléchargements +25 000 en 10 jours International Traduit dans plus de 25 langues
11. OBJECTIFS
12. Objectifs – Notre approche Simplicité avant tout Orienté e-commerce
13. Objectifs – Notre vision Pour les marchands “Sell Faster” Pour les intégrateurs “Create Easier” Pour les développeurs “Code Better”
14. • Interviews utilisateurs • User Club • Création des user stories • User tests • Traitement des feedbacks Comment ?
15. SELL FASTER
16. • Utilisation d’onglets • 3 sections principales : • Vendre • Personnaliser • Configurer • Modification du wording Sell Faster – Nouvelle navigation
17. Sell Faster – Page de création de produit
18. • 1 seul champ pour créer des déclinaisons • « Taille : toutes » ou « Couleur : toutes », pour créer toutes les déclinaisons possibles • Possibilité de sélectionner parmi la liste des attributs • Plus besoin de revenir en arrière pour naviguer entre les déclinaisons Sell Faster – Créer des déclinaisons
19. • Eviter le schéma d’édition Catalogue > Produit suivant > Modifier • Naviguer dans le catalogue grâce à une pop-up en cliquant sur « Liste de produits » Sell Faster – Naviguer entre les produits
20. • Découvrir & installer de nouveaux modules • Gérer ses modules installés dans un onglet dédié • Maintenir ses modules avec des actions claires et des notifications Sell Faster – Page Modules
21. CREATE EASIER
22. • Pour les intégrateurs • Thème squelette • Pour les marchands • Thème graphique Starter Theme Classic Create Easier - Deux projets
23. Objectifs • Structure plus souple • Plus simple à utiliser (HTML/CSS) • Mises à jour plus stables ! Pas de rétrocompatibilité avec les thèmes 1.6 ! Create Easier - Starter Theme
24. Principes • Pas de surcharge, uniquement des modifications • Pas de suppression, uniquement des ajouts • Pas d'objet, uniquement des tableaux • Pas de logique dans les templates • DRY (Don’t Repeat Yourself) Create Easier - Starter Theme
25. • Variables échappées par défaut • 1 seul JavaScript, 1 seul CSS • Sans librairie • Structure des fichiers réorganisée • 100% Réécrit Create Easier - Starter Theme
26. Features • Configurable • Widgets • Héritage de thème • Tunnel de commande – One-Page-Checkout par défaut en 4 étapes – Récapitulatif panier dans la colonne de droite – Conformité à la réglementation Européenne Create Easier - Starter Theme
27. • Basé sur le nouveau Starter Theme • Inclus le framework Bootstrap 4 • Allégé visuellement • Axé pour fournir la meilleure expérience e-commerce par défaut Create Easier - Classic
28. CODE BETTER
29. • Se concentrer sur l’e-commerce • Framework solide avec une bonne réputation – Vaste communauté – Migration progressive : nouvelles pages back-office pour le moment • Moteur de template de Symfony (Twig) utilisé uniquement sur les pages réécrites du BO • Pas d’impact sur les modules (impacts causés par les changements de hook sur les pages Produit et Module) Bienvenue à Symfony
30. • PHP : PSR-2 et normes Symfony • JavaScript : recommendations Airbnb • CSS & HTML : normes Bootstrap Evolution des normes de code
31. • Version minimum de PHP plus récente 5.4 et utilisation des namespaces • UI Kit Disponible publiquement pour aider les designers et développeurs à construire des interfaces cohérentes • Bootstrap 4 Nouveau thème front-office « Classic » et nouvelles pages BO • Tests automatisés Exécutés sur Travis, vérification de chaque PR sur GitHub Quoi d’autre ?
32. Bugs résolus depuis la 1.6 550+ 250+ 120+ 150+ 150+ Améliorations depuis la 1.6 Tests unitaires Tests fonctionnels en Front Office Tests fonctionnels sur les pages modules & produits Une version testée
33. • Symfony 2.8 LTS • Webpack • Sass • PHP7 • MySQL 5.7 Stabilité avec des outils modernes
34. MAXIME BILOÉ - ! " maximebiloe Core Developer Merci !