Celui qui vous parle. Yann Vigara

Transcription

1 Celui qui vous parle Yann Vigara

2 Celui qui vous parle Yann Vigara

3 Celui qui vous parle [Spa m] Yann Vigara Fondateur et directeur technique d'atomes Dans l'administration système depuis 1999 Tombé dans le développement Java en 2003 Fonde Atomes en 2007 Découverte de Liferay en 2007 Rejoint le groupe Ippon Technologies en 2012

4 Transit IP Nos services Serveur physique Serveur virtuel Cloud Monitoring Sauvegardes Maintenanc e DevOps Conseil en architectur e Sécurité

5 On recrute Expert Java/DevOps

6 C'est quoi? Une créature mythologique dans la culture finlandaise Renne des montagnes Framework Java RIA Open source : Licence Apache 2.0

7

8

9

10 Il était une fois... Création IT Mill Toolkit en 2000 Open sourcé en 2007 Migration vers GWT Renommé en Vaadin 2009 GWT inclus dans Vaadin 7

11 Vaadin et GWT Vaadin += GWT GWT pour le rendu Vaadin embarque GWT

12 Sous le capot

13 Composants de base

14 Fonctions de base Drag and Drop Raccourcis clavier Ressources Historique navigateur

15 Nouveautés Vaadin 7 HTML5 Layouts plus simples et plus rapides Support des navigateurs modernes (bye bye IE6 et IE7) Nouvelle API Windows Support mutiple tab Navigation La fin du Out of Sync Add-ons Javascript

16 Ancien protocole de communication

17 Nouveau protocole de communication

18 Themes SASS SASS : Syntactically Awesome StyleSheets Theme structuré Composants réutilisables Compilation Sass à la volée Implementation maison Support des fonctions arithmetiques dans la 7.1

19 SASS Variables et fonctions SASS $blue: #3bbfce; $margin: 16px;.content-navigation { border-color: $blue; color: darken($blue, 9%); }.border { padding: $margin / 2; margin: $margin / 2; border-color: $blue; } CSS.content-navigation { border-color: #3bbfce; color: #2b9eab; }.border { padding: 8px; margin: 8px; border-color: #3bbfce; }

20 SASS imbrications SASS table.hl { margin: 2em 0; td.ln { text-align: right; } } li { font: { family: serif; weight: bold; size: 1.2em; } } CSS table.hl { margin: 2em 0; } table.hl td.ln { text-align: right; } li { font-family: serif; font-weight: bold; font-size: 1.2em; }

21 SASS mixin table-base { th { text-align: center; font-weight: bold; } td, th {padding: 2px} left($dist) { float: left; margin-left: $dist; } #data table-base; } CSS #data { float: left; margin-left: 10px; } #data th { text-align: center; font-weight: bold; } #data td, #data th { padding: 2px; }

22 Thèmes Thème de base : Reinder Le theme Chameleon Votre propre thème Injection Javascript Intégration de Flash

23 Composants supplémentaires

24 Créer ses composants Assemblage de composants coté serveur Création de widget GWT Intégration de composant Javascripts

25 Outils de développement Eclipse Plugin Vaadin Editeur Visuel Maven Dans le repository central Addons dans leur repository

26 Intégration Spring CDI (en cours) Portlet 1.0/2.0 Liferay Framework intégré à Liferay depuis 6.0GA Console pour Liferay Hibernate/JPA ICE Push

27 Retour d'expérience Application en production depuis mars 2012 Problèmes rencontrés : Règles de gestions «complexes» à mettre en œuvre Out of Sync Performances

28 L'application EEM

29 L'application EEM

30 Où trouver de l'aide Documentation en ligne riche (Book of Vaadin) Sampler avec exemple de code Wiki Forums Support PRO

31

32

33 Quelques astuces Layout HTML Widgetset séparé

34 Roadmap Version courante bug release toutes les 2 semaines 1 feature release tous les 2 à 3 mois Version 7.1 : Push avec Atmosphere Calendar Améliorations Sass WAI-ARIA Add-on Intégration CDI

35 La concurrence Flex JSF (Rich Faces, ICE Faces, PrimeFaces) Smart Client (Smart GWT) ExtJS Jquery ZK Swing

36 Avantages Développement 100 % Java Pas besoin de Javascript Pas besoin de HTML (presque) Composants riches et matures

37 Inconvénients Statefull Pas de mode Off-line Pas (encore) de Push/Websockets

38 Des questions?

39 DEMO Application Hello World

40 17 avril 2013

41 Application TODO

42 Gestion des TODO Environnement de dev: Eclipse JRebel Maven Tomcat Dépendances principales Hibernate Spring Mycilia

43 Gestion TODO version Vaadin Model DAO Service UI

44 Gestion TODO version Vaadin

45 DEMO Application TODO

46 Des questions?

47 Autres présentations

48 Merci à tous