1.

Overview of the native and alternative solutions
Multilingual Applications with ExtJS 6 Overview of the native and alternative solutions Good afteroon everyone Thank you all for being here with us today…(I’m glad to see so many people in the audience,) I know there are other interesting prestations in the same time slot, but you made the best choice. And I want to thank Sencha for giving us the opportunity to talk about this innovative way of building portals with Ext JS 2

Vincent Munier Technical Manager
My name is Jean-Philippe Ehret, founder of Jnesis, a company that offers services and solutions using the Java and Javascript couple Official Sencha Partner in Europe, 3

MULHOUSE - PARIS - PHILADELPHIA
JNESIS briefly… MULHOUSE - PARIS - PHILADELPHIA Java and javascript specialists An agile team of expert consultants Sencha partner for Switzerland and France since 2013

JNESIS briefly… Consulting (code auditing, consultancy in software architectures,…) Development (mainly in Agile) Training and technical coaching

JNESIS briefly…

Why this presentation? We are all huge fans of Ext JS and we all know what it can do. I would like to share some ideas on its future. Jnesis has been aiming at making applications back-end and front-end work together in the most efficient way. On one hand, we usually offer Ext JS for the front-end: we are confident that it is most the time the best option. That’s why it has been our favorite choice for a long time now, even at the time it was called YUI. On the other hand, we were often asked to use Portal engines for the back-end. But originally the portal engines were not meant to host a separate client application for the front-end such as an Ext JS application. That made us review Portal engines: It is clear that they have totally reached the required maturity so that companies can fully exploit them. They should be capable of providing their features on the network, mainly through Web Services, as required by an Ext JS application. Raising questions: We are asked to use Portal engines, but we want to use Ext JS for the front-end. Why not trying to have them work together? And most importantly, would our enterprise applications be more efficient if we use that couple? In the end, what is the added value? To answer those questions : YES! They are perfectly compatible and I will prove it to you. And yes, it will definitely be more efficient and I will explain why. Now Let’s turn to the agenda 7

Contents My name is Jean-Philippe Ehret, founder of Jnesis, a company that offers services and solutions using the Java and Javascript couple Official Sencha Partner in Europe, 8

Contents Brief definitions
We will see that in the end, the question of services is the key element: services draw the demarcation line between the back-end and the front-end but they are also the link between them. 9

Contents Brief definitions Some reflections about it…
We will see that in the end, the question of services is the key element: services draw the demarcation line between the back-end and the front-end but they are also the link between them. 10

Scope of the presentation We will see that in the end, the question of services is the key element: services draw the demarcation line between the back-end and the front-end but they are also the link between them. 11

Scope of the presentation Architecture – Basic refresher We will see that in the end, the question of services is the key element: services draw the demarcation line between the back-end and the front-end but they are also the link between them. 12

Scope of the presentation Architecture – Basic refresher Natives solutions We will see that in the end, the question of services is the key element: services draw the demarcation line between the back-end and the front-end but they are also the link between them. 13

Scope of the presentation Architecture – Basic refresher Natives solutions Entreprise concerns We will see that in the end, the question of services is the key element: services draw the demarcation line between the back-end and the front-end but they are also the link between them. 14

Scope of the presentation Architecture – Basic refresher Natives solutions Entreprise concerns Enterprise-class solution We will see that in the end, the question of services is the key element: services draw the demarcation line between the back-end and the front-end but they are also the link between them. 15

Scope of the presentation Architecture – Basic refresher Natives solutions Entreprise concerns Enterprise-class solution To Conclude We will see that in the end, the question of services is the key element: services draw the demarcation line between the back-end and the front-end but they are also the link between them. 16

Brief definitions My name is Jean-Philippe Ehret, founder of Jnesis, a company that offers services and solutions using the Java and Javascript couple Official Sencha Partner in Europe, 17

Brief definitions i18n : internationalization L10n : localization
You may want to add a document management feature using Google services or a more specific tool like Alfresco. One can’t deny that most organizations are still quite reluctant to entrust their critical data to the cloud. They will probably go to a private cloud. 18

Brief definitions i18n : internationalization
Ability for an application to support translation L10n : localization A translated “occurrence” of the application You may want to add a document management feature using Google services or a more specific tool like Alfresco. One can’t deny that most organizations are still quite reluctant to entrust their critical data to the cloud. They will probably go to a private cloud. 19

Brief definitions L10n + i18n
You may want to add a document management feature using Google services or a more specific tool like Alfresco. One can’t deny that most organizations are still quite reluctant to entrust their critical data to the cloud. They will probably go to a private cloud. 20

Brief definitions Ext JS comes with files acting as localization materials for up to 40 languages: You may want to add a document management feature using Google services or a more specific tool like Alfresco. One can’t deny that most organizations are still quite reluctant to entrust their critical data to the cloud. They will probably go to a private cloud. 21

Some reflections about it…

Differences are not only in the words: Orientations Alphabet Punctuation marks Dates formats Culture impacts Legal impacts Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 23

Internationalization You MUST study the functional concerns BEFORE implementation Core components in charge of i18n should be as generic as possible In the worst cases, the application itself would have to be redesigned! Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 24

Scope of the presentation

Internationalization Cannot be reduced to technical concerns Is a mix of: Functional requirements Business requirements Technical constraints Time consuming constraints(!) People involved in the process Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 26

Considering the starting point is: The application has been correctly designed to run internationalization Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 27

Architecture Basic refreshers

Architectures: Basic refresher
Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 29

Native solutions My name is Jean-Philippe Ehret, founder of Jnesis, a company that offers services and solutions using the Java and Javascript couple Official Sencha Partner in Europe, 30

Native solutions The developer is in charge of finding the most appropriate solution: the faster to implement that meets the requirements as easily as possible » Modification in app.json: the builds property having defined locales Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 31

Native solutions Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 32

Native solutions Good points:
Native solution: configured through a file: app.json 1 single build = 1 single SenchaCMD execution Translation gathered in 1 single file per language Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 33

Native solutions Points that would worth evolutions:
multiple URLs, 1 for each language => multiple entry-points Adding or updating a key => requires running Sencha CMD again 1 application for each language => 1 app.js for each language multiple deployments for each language Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 34

Advanced native solution
Developers can ease their life! 1 URL = 1 access point 1 URL = 1 single deployment » Modification of app.json: integrations of the “manifest”s builds properties for locales bootstrap properties for dev “manifest”s output properties for deployments Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 35

Good points: 1 single URL: ability to change language with a request parameter Native: advanced configuration using dedicated files 1 single build = 1 single SenchaCMD to run Translation gathered in 1 single file for each language 1 single deployment Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 37

Demo Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 38

Additional concerns: Adding / updating a key = 1 sencha CMD to run 1 single index.html BUT 1 apps.js for each language Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 39

Enterprise concerns My name is Jean-Philippe Ehret, founder of Jnesis, a company that offers services and solutions using the Java and Javascript couple Official Sencha Partner in Europe, 40

Enterprise concerns Common constraints: Developers are not translators
The job of a specialist, a team or a department Mostly: Non-technical profiles Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 41

Enterprise concerns Translators are in charge of:
Understanding the functionality Understanding the business Must have an access to the application Must have an access to files / database hosting translations Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 42

Enterprise-class solution

Entreprise-class solution
Ideally: Translation processes offered by third party software Tools integrated in your application or not Example of a build in i18n feature: Portal Engine + ExtJs 5 See SenchaCon ‘15 in San Fransisco Screencast Usage of a Web Service or a loadScript Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 44

With ExtJs mechanisms: Very easy to code ! Defining a new localized property Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 46

With ExtJs mechanisms: Very easy to code ! Defining a singleton Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 47

With ExtJs mechanisms: Very easy to code ! Using the localized property Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 48

With ExtJs mechanisms: Very easy to code ! Using a launch function to call the ws Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 49

Good points: Translation processes can be now offered by third party software! No specific configuration No need to run SenchaCMD every time change a word must be added / changed 1 single URL: embedding a simple request parameter (locale) 1 single Javascript, 1 single built application Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 50

Demo Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 51

Not perfect: Requires specific Javascript Overriding native components is necessary Swapping to another language still requires reloading the application Mind the performances! (webservice concerns) Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 52

What’s next? Hot reload! All these solutions require reloading the application in the browser! Triggered by: Users themselves when they select a new language Application itself when requesting translation keys Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 53

What’s next? Hot reload! Yes! Hot reload is possible and made easy with ExtJS binding mechanism Complex custom code that requires experienced developers, especially when dealing with both toolkits (classic / modern): Web Service + Binding = Mind the performances! Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 54

To conclude My name is Jean-Philippe Ehret, founder of Jnesis, a company that offers services and solutions using the Java and Javascript couple Official Sencha Partner in Europe, 55

Design the appropriate solution before implementation!
To conclude Mind the initial functional and business requirements Native solutions are good solutions for simple requirements With few extra pieces of code: get solutions for complex requirements Above all: Design the appropriate solution before implementation! Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 56

See i18n presentation that took place at the SenchaDay in Paris
Other solutions For a more extensive presentation of the solutions available: See i18n presentation that took place at the SenchaDay in Paris On Ext JS made web development easier than ever by providing a comprehensive and straightforward framework, leading to a fast delivery of the front-end. However, server side services still have to be implemented. It usually takes longer, making customers feel that they have entered a kind of black hole. The front-end is what customers see, and therefore what they focus on. It is very difficult to explain that, it’s not because it seems to be complete, that it is so. The front-end actually only represents a little part of the total development time. As insignificant as back-end features may look in the UI, it will take way longer. For many reasons I am particularly sensitive to that issue but I’m not the only one. During the week, you’ve been given the opportunity to hear about Node JS or how to remove Struts… 57

Questions Thank you for attention, if you have any questions we will be glad to answer them. Floor is yours. 58

Thanks for your attention!
Vincent MUNIER Thank you very much for your attention and a big thank once again to Benjamin for participating in this presentation. I hope you had a good week and that you will enjoy the evening. I’ll let you go now. Bye, bye! 59

1.

Similar presentations

Presentation on theme: "1."— Presentation transcript:

Similar presentations

About project

Feedback

Log in

Auth with social network:

1.

Similar presentations

Presentation on theme: "1."— Presentation transcript:

Similar presentations

About project

Feedback